Jquery 单击输入时如何触发模态?
我希望在文本输入中单击时触发引导模式,如何使用jquery实现这一点Jquery 单击输入时如何触发模态?,jquery,twitter-bootstrap-3,bootstrap-modal,Jquery,Twitter Bootstrap 3,Bootstrap Modal,我希望在文本输入中单击时触发引导模式,如何使用jquery实现这一点 <div id="myModal" class="modal fade" role="dialog"> &时代; 模态头 模态中的一些文本 接近 或使用焦点,如果输入是选项卡式的,如 $(".someInputClass").focus(function(){ $("#myModal").modal("show"); }); 您也可以只使用数据属性,不需要额外的jQuery。虽然我认为如果用
<div id="myModal" class="modal fade" role="dialog">
&时代;
模态头
模态中的一些文本
接近
或使用焦点,如果输入是选项卡式的,如
$(".someInputClass").focus(function(){
$("#myModal").modal("show");
});
您也可以只使用数据属性,不需要额外的jQuery。虽然我认为如果用户点击输入,而不是点击输入,它不会被触发
<input type="text" data-toggle="modal" data-target="#myModal">
在不编写JavaScript的情况下激活模态。在控制器元素上设置data toggle=“modal”,如按钮,以及data target=“#foo”或href=“#foo”以指定要切换的模式
试试这个:
jQuery("input or inputid").on("input",function(){
jQuery("#myModal).modal('show);
});
哪个文本输入?你试过什么?使用
$('myModal').modal('show')代码>以显示modal@Mivaweb是的,谢谢。我发现它是$(“#myModal”).modal(),尽管上面的说法完全没有错,但通常建议将事件绑定到文档,并将其委托给您想要侦听该事件的元素。例如:$(document).on(“click”,“#someElement”,函数(e){//xxx})代码>这样做的好处是可以绑定一次事件,并基于随事件传递的额外参数影响多个元素。它还提供了更精简的代码库。它还允许您绑定到可能还不在DOM中的元素。@SimonDowdles我想在单击输入模式触发器后,再从模式向输入返回一些值,这样做最好的方法是什么?@Peymanabdollahy-将哪些数据发送回输入?它是基于用户在模式中选择的数据吗?@SimonDowdles是的,我想我得到了。谢谢你的关注,这是迄今为止最好的答案。
<input type="text" data-toggle="modal" data-target="#myModal">
jQuery("input or inputid").on("input",function(){
jQuery("#myModal).modal('show);
});