2017-01-10 118 views
0

此Bootstrap模式在Safari中不起作用,但Chrome和Firefox中没有问题。Bootstrap模式不适用于safari/windows

我也有一个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

你的意思是safari 5.1.7 for windows? – Sojtin

+0

是的,safari 5.1.7 – Sudeep

+0

你知道它已经过时了(从来没有稳定过)吗?比这个版本的Safari浏览器使用IE6的人多得多,为这种老旧和不稳定的浏览器开发Web应用程序是没有意义的IMO。 – Sojtin

回答