jquery - 单击输入时如何触发模态？

Question

我想在点击文本输入时触发引导模式，我该如何使用 jquery 来做到这一点？

<div id="myModal" class="modal fade" role="dialog">

<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Modal Header</h4>
  </div>
  <div class="modal-body">
    <p>Some text in the modal.</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>

Answer 1

您也可以只使用数据属性，不需要额外的 jQuery。尽管我认为如果用户按 Tab 键进入输入而不是单击输入，则不会触发它。

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

DEMO

Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.