Question

当我点击文本输入时，我想要触发器bootstrap模式，我怎么能用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。虽然我不认为如果用户选中输入而不是点击输入，它将被触发。

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

DEMO

在不编写JavaScript的情况下激活模态。设置数据切换=＆＃34;模态＆＃34;在控制器元素上，如按钮，以及data-target =＆＃34;＃foo＆＃34;或者href =＆＃34;＃foo＆＃34;定位特定模式以进行切换。

Answer 2

$(".someInputClass").click(function(){
    $(".modal-content").modal("show");
})

Answer 3

或者使用焦点，以防输入标签，例如

$(".someInputClass").focus(function(){
    $("#myModal").modal("show");
});

Answer 4

试试这个：

jQuery("input or inputid").on("input",function(){   
    jQuery("#myModal).modal('show);  
});

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

4 个答案: