Twitter bootstrap Twitter引导：如何打开输入焦点的模式窗口？

我使用的是Bootstrap3，我想在用户关注输入框时打开一个模式窗口。我该怎么做

<form>

<input type="text"  id="openmodalOnfocus" data-toggle="modal" data-target="myModal">

</form>

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
      <div class="row">
          <div class=" col-md-4">
            lorem i[p sum on left
         </div>

          <div class=" col-md-4">
            lorem ipsom on right
         </div>
      </div>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

×
模态头
lorem i[p左和
右边是lorem ipsom

无法使用

数据切换

属性通过引导自动打开特定场景中的对话框。好消息是，用另一种方法很容易实现这一点

首先，您可以从文本框中删除

data-*

属性，因为它们在这里不起作用；然后，您可以通过添加以下javascript代码（使用jQuery）打开焦点对话框：

$(function() {
    $('#myModal').focus(function() {
        $(this).modal('show');
    });
});