如何使Twitter启动模式框焦点在iPad中正常工作？

Question

在php Web应用程序中，我使用的是twitter boot-strap模式框。当我单击表单中的保存按钮时，会显示模式框，默认焦点正常。 但是在iPad中，当我点击go按钮时焦点不起作用。

这是我正在使用的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
});  

Answer 1

请注意，focus无法在iPad上运行。用户必须点击有问题的输入。这不是特定于Bootstrap的。

请参阅： iPad HTML Focus

当为触摸屏设备显示对话框时，您可以执行trigger click或touchstart事件。

Answer 2

如果您将您的网络应用程序添加到主屏幕，这将适用于最近的iOS。