[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
2022-03-16 13:52:41
質問
新しいプロジェクトで Twitter Bootstrap lib を使用していますが、モーダルが閉じたときにページの一部を更新して最新の json データを取得したいのです。ドキュメントのどこにもこの方法が載っていませんので、どなたかご指摘いただくか、解決策をご提案ください。
ドキュメントにあるメソッドを使用する際の2つの問題
$('#my-modal').bind('hide', function () {
// do something ...
});
モーダルにはすでに "hide" クラスを付けて、ページ読み込み時に表示しないようにしているので、2回読み込まれることになります。
hideクラスを削除して、要素IDを
display:none
を追加し
console.log("THE MODAL CLOSED");
を上記の関数に追加しても、閉じるを押しても何も起こりません。
どうすればいいですか?
Bootstrap 3 & 4
$('#myModal').on('hidden.bs.modal', function () {
// do something…
});
Bootstrap3です。 getbootstrap.com/javascript/#modals-events
Bootstrap 4: getbootstrap.com/docs/4.1/components/modal/#events
ブートストラップ2.3.2
$('#myModal').on('hidden', function () {
// do something…
});
関連
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Bootstrapのモーダルが背景の下に表示される
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] jQueryで5秒待つには?
-
[解決済み】Twitter Bootstrapでモーダル閉鎖イベントを処理する方法は?
-
[解決済み】Twitter Bootstrapのツールチップを動的に作成された要素に結合するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] jQueryを使って「Please Wait, Loading...」というアニメーションを作成するにはどうすればよいですか?
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み】Twitter Bootstrapでモーダル閉鎖イベントを処理する方法は?
-
[解決済み】jQueryのテンプレートエンジン【終了しました