1

PHP Web アプリケーションで、Twitter ブートストラップ モーダル ボックスを使用しています。フォームの保存ボタンをクリックすると、モーダル ボックスが表示され、デフォルトのフォーカスが正しく機能します。しかし、iPad では、移動ボタンをタップしてもフォーカスが機能しません。

私が使用しているTwitterブートストラップモーダルコードは次のとおりです。

<div class="modal hide" id="confirm-password">                    
   <div class="modal-header">    
   </div>
   <div class="modal-body">    
       <input type="text" placeholder="Your Current Password" value="" name="currentpassword" id="currentpassword" autofocus>                      
   </div>
   <div class="modal-footer">                           
   </div>
</div>

JS コードは次のとおりです。

$('#confirm-password').on('shown', function () {
   jQuery('input:text:visible:first', this).focus(); //focus for input
});
4

2 に答える 2

1

focusiPadでは動作しないことに注意してください。ユーザーは問題の入力をタップする必要があります。これは Bootstrap 固有のものではありません。

参照: iPad HTML フォーカス

できることは、タッチスクリーン デバイスのダイアログが表示されているときに、問題の入力でまたはイベントをトリガーすることです。clicktouchstart

于 2013-01-08T15:16:44.977 に答える