24

サイトで Bootstrap モーダル ダイアログを使用しています (デスクトップでは正常に動作します)。iPhone や iPad でこの機能を使用しようとすると、モーダルが機能しません。

これには理由がありますか?経由で Bootstrap の CSS を使用しているときに、誰かがこれを修正しました@importか?

Bootstrap オーバーライド ファイルを使用して、Bootstrap CSS を変更します。

4

10 に答える 10

21

私は最近同じ問題を抱えていて、iOS のサファリが 1 つの点に関して他のブラウザとは異なる動作をしていることがわかりました。href="#" がない場合、モーダル ウィンドウは safari では表示されませんが、他の多くのブラウザーでは表示されません。

Safari/iOS では動作しませんが、他のブラウザーでは動作しません:

<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>

Safari/iOS およびその他のブラウザーでの作業:

<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>
于 2015-09-11T14:05:43.097 に答える
16

iPhoneのブラウザは、モーダルの「フェード」遷移をサポートしていないようです。モーダルダイアログボックスから完全に無効にするか、派手になりたい場合は、サイトがiPhoneデバイスを検出した場合にのみ無効にします。

これはiPhoneでは機能しません

<div class="modal hide fade" id="deleteConfirmation">

これはします

<div class="modal hide" id="deleteConfirmation">
于 2012-10-28T10:09:09.137 に答える
6

モーダルの問題の束を修正するので、 http://jschr.github.com/bootstrap-modal/をチェックしてください。あなたがしなければならないのは、2つのjsファイルを含めるだけです
--- bootstrap-modalmanager.js
--js/bootstrap-modal.js
そしてそれはちょうど動作します

于 2012-11-02T02:49:02.890 に答える
1

これは Bootstrap Project でまだ未解決の問題です: https://github.com/twitter/bootstrap/issues/2130

于 2012-09-06T10:50:09.543 に答える
0

モバイル デバイス (Android OS) でも同様のエラーが発生しました。モーダルはデスクトップでは正常に機能しますが、モバイルでは機能しません。

問題は、グリッド レイアウトの間違った定義にありました。

したがって、レイアウトの任意の列に.col-xsを定義すると、うまくいきました。

于 2015-09-11T14:00:07.793 に答える
0

これは、ダイアログの位置が正しくないことが原因である可能性があります。.modal クラスの「トップ」設定で遊んでみてください。

于 2013-09-29T17:46:57.843 に答える
0

非常に簡単です。インライン スタイルの「カーソル」をポインターに追加するだけで、すぐに機能します。style="cursor:pointer;"

<li><a data-toggle="modal" data-target="#testModal" style="cursor:pointer;">Modal</a></li>
于 2019-05-27T13:37:44.670 に答える