Do something with jquery after clicking a link to close a modal

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...

Can you try adding some more information to this, like the library used , a rough structure of modal etc. This much info does not give a clear picture. — naddy19, Sep 13 '15 at 15:37

score 0 · Answer 1 · answered Sep 13 '15 at 15:57

0

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

answered Sep 13 '15 at 15:57

J Santosh

3,808
2
22
43

I'm using ratchet which is like a mobile version of bootstrap... so that doesn't work unfortunately – raphael_turtle Sep 13 '15 at 16:12
can you give me a fiddle ? – J Santosh Sep 13 '15 at 16:29

score -1 · Answer 2 · answered Sep 13 '15 at 15:38

-1

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

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

answered Sep 13 '15 at 15:38

amespower

907
1
11
25

Do something with jquery after clicking a link to close a modal

2 Answers2