2016-12-08 57 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"