javascript - リンクをクリックしてモーダルを閉じた後、jquery で何かを行う

Question

それを閉じるための次のコードを含むモーダルがあります

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

リンクIDで何かできるように、xアイコンがクリックされてモーダルが閉じられたときを知りたいです。

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