ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery を使用してブートストラップ モーダル ウィンドウを開くにはどうすればよいですか?

jQuery を使用してブートストラップ モーダル ウィンドウを開くにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-17 08:28:03430ブラウズ

How to Open a Bootstrap Modal Window with jQuery?

jQuery を使用してブートストラップ モーダル ウィンドウを開く方法

解決策

Twitter Bootstrap には、モーダル ウィンドウで手動で呼び出すことができるいくつかの関数が用意されています。

  • $('#myModal').modal('toggle'): モーダル ウィンドウの表示と非表示を切り替えます。
  • $('#myModal').modal('show' ): モーダル ウィンドウを表示します。
  • $('#myModal').modal('hide'): モーダル ウィンドウを非表示にします。

プログラムでモーダル ウィンドウを開くには、次を使用します。 $('#my-modal').modal({ show: 'false' }).

カスタム ポップアップ

の代わりに $('#myModal').modal('show') メソッド

カスタム ポップアップを作成する場合は、次のビデオ チュートリアルの使用を検討してください:

[https://www.youtube.com/watch?v=zK4nXa84Km4](https://www.youtube .com/watch?v=zK4nXa84Km4)

以上がjQuery を使用してブートストラップ モーダル ウィンドウを開くにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。