单击链接以关闭模态后使用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 文档 。

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');
}