单击链接以关闭模态后使用jquery做某事

Question

I have a modal with the following code to close it

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

I want to know when the x icon is clicked and the modal closed so I can do something with the link id.

My javascript is;

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

but it's not recognising the modal being clicked closed...

Answer 1

use these events 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

Have you tried using .not(':visible') ?

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