2012-11-06 22 views
24

twitterのブートストラップフレームワークのモーダル機能をiOS5で使用しようとしました。 ユーザーが閉じるボタンをクリックすると、モーダルが正しく消えますが、画面の他のアイテムはクリック可能ではありません。この動作はiOS5の下でのみ発生します。Twitterのブートストラップモーダルの葉の画面が消えると消え去ります

iOS 6とデスクトップブラウザで正しく動作しています。

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a> 

はこれが理由iOS5を中に不足しているHTML5/CSS3サポートの発生する可能性があります。ここでは、閉じるボタン

+1

同じ問題が発生しています。この質問を投稿していただきありがとうございます。私はちょうど2日前にこれで苦労していました。 –

+1

モーダルを解除する他の方法でも動作しますか(エスケープキーを押してモーダルの外側のどこかをクリックします)?あなたはモーダルHTML(とJS、おそらく)全体を与えることができますか? –

+1

モーダルボックスは、バックグラウンドビューの外に触れることを防ぐ背景オーバーレイを表示します。私は、モーダルボックスが解除されたときに、背景オーバーレイがまだ存在していると考えています。それを見てみてください。 – Liam

答えて

2

mr Liam say true:モーダルボックスがバックグラウンドオーバーレイを表示して、バックグラウンドビューの外に触れないようにします。 Yorはデバッグでそれを捕まえ、ボタンをクリックするとあなた自身のjsを書き込んで閉じることができます。 $( '。your_class')。hide()

モーダルウィンドウを開いてページを終了するときに、この問題が発生する可能性があることにも注意してください。デバイスの「戻る」をクリックすると、同じ問題が発生する可能性があります。

0

これは非常に古いトピックですが、これはまだブートストラップバージョン3.2.0の問題であるため、ソリューションを投稿すると思いました。これはiOS 5.0.0から5.1.1までの問題です。

問題はiOSの5

-webkit-overflow-scrollingのバグの実装で行うことです、私は単純に(どちらか最適なアプローチではないが、ユーザーエージェントの検出によって)htmlにはJavaScriptを通じてios5クラスを追加しました。次に、以下を使用して問題を解決します。

.ios5 .modal { 
    -webkit-overflow-scrolling: auto; 
} 
関連する問題