2016-12-08 26 views
0

你好引导模态:Android浏览器

我正在一个网站上,我有一个引导模式的问题,特别是关于Android的浏览器股票“互联网”。

该模式适用于每个浏览器,包括IE和Safari,我不知道为什么它不能在android上工作。

我甚至为了实现这个目的而添加了一个自定义的jQuery函数。但它没有工作

下面是与自定义JavaScript代码:

---- 标记 ----

<button id="upload-btn-green" type="button" class="btn" > 
    Upload 
</button> 
<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <div class="form-group main-btns"> 
        <a id="import" 
         name="import" 
         class="btn btn-import" 
         href="/redirect"> 
         <img id="facebook-image" src="/images/fb.png" alt="facebook icon"> 
        </a> 
       <div id="divisor"></div> 
        <label id="folder" class="btn btn-upload select-image-btn"> 
         <input id="upload" type="file" style="display: none;" > 
        </label> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

---- JS - ---

$("#upload-btn-green").click(function() { 
    $('#myModal').modal('toggle'); 
}); 

我正在测试三星Galaxy S6。 谢谢先进。

回答

0

我最近使用bootstrap 4 .modal完成了一个站点。看着你的模态代码,我忍不住想你错过了什么。说实话,这真的很难说,因为你没有包括模式的其他部分或者你想要完成的细节。我在上面的代码中发现了一个错误。

改变这种

aria labelledby="myModalLabel" 

这个

aria-labelledby="myModalLabel"