javascript - 单击链接以关闭模式后，使用 jquery 执行某些操作

Question

我有一个带有以下代码的模式来关闭它

a#modalclick.icon.icon-close.pull-left href="#mymodal"

我想知道何时单击 x 图标并关闭模式，以便我可以对链接 ID 做一些事情。

我的javascript是；

$('#modalclick').on('click', function(event) {
  console.log('clicked')
});

但它没有识别出被点击关闭的模态......

Answer 1

使用这些事件hidden.bs.modal，hide.bs.modal Docs。

JS

$('#mymodal').on('hidden.bs.modal', function(event) {
console.log('modal is being to be closed')
});
$('#mymodal').on('hide.bs.modal', function(event) {
console.log('modal hidden')
});

Answer 2

您是否尝试过使用 .not(':visible') ？

if ( $('#yourdiv').not(':visible') ) {
  console.log('not visible');
}