我的工作是使用javascript bootstrap 2.0.4
我正在寻找一种方法来取消关闭模式,通过逻辑控制。但我找不到该怎么做的细节
http://getbootstrap.com/javascript/#modals
像.NET这样的东西
OnWindowClosing(eventArguement)
{
if (shouldCancel) {
eventArguement.Cancel = true;
return;
}
}
发布于 2014-01-20 16:56:00
看看这里:www.bootply.com/QTTDf3zRgV
在本例中,如果复选框被选中,则无法关闭模式(使用js/jquery):
$('#myModal').on('hide.bs.modal', function(e){
if( $('#block').is(':checked') ) {
e.preventDefault();
e.stopImmediatePropagation();
return false;
}
});
发布于 2014-10-10 22:18:38
未定义e.cancel
并导致错误-这就是上面的解决方案有效的原因。
您应该添加e.stopImmediatePropagation();
发布于 2015-01-06 16:05:46
您提供的解决方案不起作用,请在此处找到完美的解决方案参考https://github.com/twbs/bootstrap/issues/1202#issuecomment-48601320
$('#myModal').on('hide.bs.modal.prevent', closeModalEvent);
/**
* allow popup to hide or not
* @param {type} e
* @returns {Boolean}
*/
function closeModalEvent(e) {
e.preventDefault();
if ($('#block').is(':checked')) {
$('#myModal').off('hide.bs.modal.prevent');
$("#myModal").modal('hide');
return true;
}
return false;
}
https://stackoverflow.com/questions/21228880
复制相似问题