當使用Twitter Bootstrap 3時,有沒有辦法知道當模式被背景點擊關閉時?檢測背景點擊Bootstrap 3模式
8
A
回答
6
我找不到任何內置函數來檢查你想要的。
我發現的唯一「黑客」方法是檢查文檔的click/keyup事件,如果模式打開,則調用您的回調函數。
代碼:
$(document).keyup(function (e) {
if (e.which == 27 && $('body').hasClass('modal-open')) {
console.log('esc')
}
})
$(document).click(function (e) {
if (e.target === $('.modal-scrollable')[0] && $('body').hasClass('modal-open')) {
console.log('click')
}
})
2
你可以掛接到唯一的事件,根據http://getbootstrap.com/javascript/#modals是show
,shown
,hide
和hidden
。似乎沒有區分正常隱藏行爲和背景隱藏行爲。
-1
$(document).click(function (e) {
if($(e.target).hasClass('modal-backdrop')){
console.log("you clicked the backdrop!");
}
0
在每一個個案
$(document).click(function (e) {
setTimeout(function(){
if (!$('body').hasClass('modal-open')) {
$("#myModal iframe").attr("src", $("#myModal iframe").attr("src"));
}
},1000);
});
相關問題
- 1. Bootstrap 3模式背景不灰色
- 2. 檢測背景點擊jQuery的
- 3. Bootstrap 3嵌套模態 - 背景z-index並點擊關閉模態
- 4. Bootstrap 3 - 在Navbar下拉菜單後點擊變暗背景
- 5. Bootstrap背景圖片3
- 6. 檢測背景
- 7. ListView背景點擊
- 8. Android上的Bootstrap 3長模式滾動背景
- 9. bootstrap模式顯示在背景中
- 10. 角度 - 檢測點擊背景div但不在div內
- 11. 在風景中檢測點擊屏幕
- 12. Bootstrap模態啓用背景
- 13. Bootstrap模態背景問題
- 14. bootstrap模態體背景:無
- 15. 模擬鼠標點擊背景表格
- 16. 使用bootstrap重複背景圖像3
- 17. Bootstrap 3廢棄手機整頁背景
- 18. 使div背景圖像響應bootstrap 3
- 19. bootstrap 3無法更改背景圖片
- 20. 如何使用Twitter Bootstrap使模糊背景模糊背景?
- 21. Bootstrap 3子模式?
- 22. 禁用點擊背景UIViewController
- 23. Bootstrap模式沒有顯示在點擊
- 24. Bootstrap模式按鈕點擊jquery
- 25. Localnotification與背景模式,沒有點擊通知打開UIAlertView
- 26. 當點擊背景時阻止隱藏自定義模式
- 27. 當背景被點擊時淡出Javascript「模式窗口」?
- 28. 如何通過點擊背景(Twitter的引導)關閉模式
- 29. 點擊背景圖片時彈出打開模式
- 30. 背景消失所有我的模式點擊 - 引導Twitter的
最簡單,和功能的方式工作就像一個魅力 – gables20