2016-12-08 15 views
0

Hallo,Bootstrap Modal: Android Browser

Ich bin auf einer Website arbeiten, und ich habe ein Problem mit der Bootstrap-modal, speziell auf Android-Lager-Browser "Internet".

Das Modal funktioniert in jedem Browser, einschließlich IE und Safari, ich habe keine Ahnung, warum es nicht auf Android funktioniert.

Ich habe sogar eine benutzerdefinierte jQuery-Funktion hinzugefügt, um dies zu erreichen. Aber es hat nicht funktioniert

Hier ist der Code mit dem benutzerdefinierten javascript:

---- Markup ----

<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'); 
}); 

Ich teste auf einem Samsung Galaxy S6. Danke in fortgeschrittenem.

Antwort

0

Ich habe vor kurzem eine Website mit Bootstrap 4 .modal abgeschlossen. Wenn ich auf deinen modalen Code schaue, kann ich nicht anders als zu denken, dass du etwas verpasst hast. Ehrlich gesagt, es ist wirklich schwer zu sagen, weil Sie nicht den anderen Teil des Modals oder Details von genau, was Sie erreichen wollen. Ich habe oben in deinem Code einen Fehler gefunden.

Änderung dieser

aria labelledby="myModalLabel" 

dieser

aria-labelledby="myModalLabel"