2016-12-08 6 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'); 
}); 

私はSamsung Galaxy S6でテストしています。 ありがとうございました。

答えて

0

私は最近、ブートストラップ4 .modalを使用してサイトを完成させました。あなたのモーダルコードを見ると、私はあなたが何かを見逃していると思うが、助けてはいけない。正直なところ、あなたが達成しようとしていることとまったく同じ、モーダルの他の部分や詳細を含めなかったので、言うのは本当に難しいです。上記のコードでバグが見つかりました。この

aria-labelledby="myModalLabel" 

変更この

aria labelledby="myModalLabel" 

関連する問題