Bootstrap模式在safari / windows中不起作用

时间:2017-01-10 07:20:07

标签: javascript jquery html twitter-bootstrap

这个Bootstrap模式在Safari中不起作用,但在Chrome和Firefox中没有问题。

我也有一个javascript选择。当我删除javascript时,选择弹出窗口在Safari中工作,否则它无效。

<div class="modal fade" role="dialog" id="fav-popup">
  <div class="modal-dialog">         
      <div class="modal-content">
        <div class="modal-header modal-fav-header">
           <h2 class="txt-pop-head">Add category</h2>
           <button class="close" data-dismiss="modal"><span class="fa fa-close"></span></button>       
        </div>
        <div class="modal-body">

                <div class="col-sm-12 col-md-12 col-lg-12">
                    <div class="form-group">
                     <label>Name</label>
                    <input type="text" class="form-control input-control" placeholder="">  
                    </div>
                </div> 

                <div class="col-sm-12 col-md-12 col-lg-12">
                    <div class="form-group">
                    <div class="select-box select-gray">
                         <label>Category</label>
                         <select class="form-control input-control wide custom">
                           <option value="">Product Category</option>
                         </select>
                       </div>
                    </div> 
               </div>  
               <div class="col-sm-12 col-md-12 col-lg-12">
                   <div class="btn-group-custom">
                        <input type="button" class="btn btn-draft" value="Cancel">
                        <input type="button" class="btn btn-next" value="Create">  
                   </div>
               </div>    

        </div>
      </div>
  </div>
</div>

<div class="container">
<div class="col-sm-8 col-md-9">  
         <h2 class="txt-profile-head">Add Category</h2>

               <div class="row">  
                  <div class="col-sm-6 col-md-4">
                     <div class="row-adj">
                        <div class="products-block">
                          <div class="category" style="background:#fff;">
                               <a href="#fav-popup" data-toggle="modal" data-target="#fav-popup"><button type="button" class="btn">+</button>
                               <h3>Create a Category</h3>
                               </a>
                          </div>
                        </div> 
                      </div>  
                  </div> 


</div>
</div>
</div>
<script type="text/javascript">
var bodyTag = document.getElementsByTagName("body")[0];
bodyTag.className = bodyTag.className.replace("noJS", "hasJS");
</script>
<script src="js/SelectBox.js"></script>
<script>    
      $(function() {
          $("select.custom").each(function() {                  
              var sb = new SelectBox({
                  selectbox: $(this),
                  height: 150,
                  width: 200,
              });
          });

      });
</script>

0 个答案:

没有答案