引导模式上未触发点击事件
click event not triggered on bootstrap modal
推送save changes
时,我正试图捕捉点击事件。
由于某种原因,我无法捕捉到点击事件。
为什么?
<script>
$('#inviteRequest').click(function(){
// e.preventDefault();
console.log(1);
$('#myModalInviteDestination').modal('hide');
});
</script>
<!-- Modal -->
<div class="modal fade" id="myModalInviteDestination" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Enter your friends email address</h4>
</div>
<div class="modal-body">
<textarea rows="5" cols="68" name="invites"></textarea>
<div>use ; as delimiter</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="inviteRequest">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
您需要将其包装在文档中。准备:
$(function() {
$('#inviteRequest').click(function(){
console.log(1);
$('#myModalInviteDestination').modal('hide');
});
});
当元素创建时,使用将绑定元素的"live"
$('#inviteRequest').live('click',function(){
console.log(1);
$('#myModalInviteDestination').modal('hide');});
相关文章:
- 以PubSub/Observer模式对事件进行排队
- 设置多个观察程序以触发动态事件的角度替代解决方案 - 优化的观察者模式
- 是否可以在卸载事件之前触发引导模式
- 从 ngDialog 模式修改完整日历事件信息(开始和结束)
- 当我们的设备从纵向模式定向到横向模式时,当地图完全加载时,是否有任何 Map 事件被触发
- 试图通过模块模式在DOM元素上实现change()事件
- 如何用模块模式扩展javascript中的事件委派
- 事件发射器模式如何在Node,sockets.io中工作
- 如何将事件绑定到模式对话框上的组件
- Twtitter Bootstrap模式显示事件多次触发
- 在页面上显示所有引导模式的事件
- 如何使用JQuery收听引导模式按钮的onClick事件
- 为什么ng模式获胜't对来自非用户输入事件的更改进行正确验证
- 在简单模式中,取消单击时不会调用onClose事件..当我在simple-modal上加载另一个jquery对话框时
- 引导模式加载事件
- 引导模式上未触发点击事件
- 如何将自定义事件添加到 jQuery 插件模式中
- 在丢弃事件时启动引导模式
- FullCalendar列表日期's事件模式
- 奇怪的点击事件模式,输入搜索框和无序列表