所以我在Twitter Bootstrap模式中创建了一个表单,并且我想在模式关闭前触发事件。例如,我想检查他是否对任何输入有任何价值。如果有,我使用确认(消息)来检查用户是否想要丢失数据。无论如何要赶上这个事件?Twitter Bootstrap模式关闭
1
A
回答
1
在文档有那些事件:Bootstrap modal events
$('#exampleModal').on('hide.bs.modal', function (event) {
if($(this).find("form input").filter(function(){
return $(this).val() != "";
}).size() > 0){
var r = confirm("Do you want to proceed");
if(!r){
event.preventDefault();
}
}
});
这里是一个的jsfiddle:JsFiddle
+0
这会关闭模态,然后触发事件。我想在之前触发它,并根据特定验证关闭模式。 –
+0
我编辑了我的回复,并得到了一个jsfiddle工作示例 – ilyass
+0
当我今天下午测试时,我使用了preventDefault,但没有工作。一定是做错了事。无论哪种方式,我会接受答案,因为它正是我需要的。谢了哥们。 –
相关问题
- 1. Twitter Bootstrap模式数据关闭
- 2. 模式自定义关闭Twitter-Bootstrap模态
- 3. Bootstrap:无法关闭模式
- 4. Bootstrap模式关闭问题
- 5. Twitter Bootstrap:关闭模式等待关闭并打开一个新的
- 6. Twitter Bootstrap:如何仅通过关闭图标关闭模式对话框?
- 7. Twitter-bootstrap模式不会在点击时关闭
- 8. Twitter Bootstrap/jQuery - 如何暂时阻止模式被关闭?
- 9. Twitter Bootstrap:如何关闭模式对话框?
- 10. 如何关闭ng-bootstrap模式
- 11. Bootstrap模式弹出自动关闭
- 12. ajax成功关闭bootstrap模式
- 13. Bootstrap:关闭模式并保存更改
- 14. Bootstrap模式关闭输入键按
- 15. Bootstrap模式关闭按钮问题
- 16. Bootstrap模式自动关闭滚动
- 17. bootstrap模式关闭按钮aria-hidden = true
- 18. bootstrap模式弹出不关闭
- 19. 无法关闭ng-bootstrap模式
- 20. Bootstrap模式popover隐藏关闭
- 21. Twitter Bootstrap:如何使用jQuery以编程方式关闭模式/ popover
- 22. twitter-bootstrap关闭警报不起作用
- 23. Twitter Bootstrap。记住警报关闭动作
- 24. Twitter BootStrap关闭画布布局
- 25. Modal不会关闭--Twitter Bootstrap 1.40
- 26. Twitter Bootstrap模式 - 不显示
- 27. jsf和twitter bootstrap模式
- 28. twitter bootstrap模式不加载
- 29. jquery.validate.js腐蚀twitter bootstrap模式
- 30. 使用Twitter Bootstrap模式
提出的jsfiddle这里为您的代码,那么我们可以给你建议的解决方案。 – nirmal