ホームページ  >  記事  >  ウェブフロントエンド  >  内容の重要なポイントと質問形式を組み込んだ、記事タイトルのオプションをいくつか示します。 **オプション 1 (ダイレクトおよびクリア):** * **ブートストラップのドロップダウン メニューが閉じるのを防ぐ方法

内容の重要なポイントと質問形式を組み込んだ、記事タイトルのオプションをいくつか示します。 **オプション 1 (ダイレクトおよびクリア):** * **ブートストラップのドロップダウン メニューが閉じるのを防ぐ方法

Barbara Streisand
Barbara Streisandオリジナル
2024-10-27 06:45:03766ブラウズ

Here are a few options for your article title, incorporating the key points of the content and the question format:

**Option 1 (Direct and Clear):**
* **How to Prevent Bootstrap Dropdown Menu Closure on Internal Clicks**

**Option 2 (Focus on Problem/Sol

内部クリック時の Bootstrap ドロップダウン メニューの終了を停止

Twitter Bootstrap のドロップダウン メニューは、通常、メニュー自体内のものも含め、あらゆるクリックで閉じます。これに対処するには、イベントの伝播を停止してクリック イベント リスナーをメニュー要素にアタッチできます。

$('ul.dropdown-menu.mega-dropdown-menu').on('click', function(event){
    event.stopPropagation();
});

ただし、カルーセル コントロールとインジケーターの委任されたイベント ハンドラーは、この解決策では無効になります。

代わりに、ドキュメント全体でクリック イベントをリッスンする代替アプローチが含まれますが、イベントのスコープを目的のコンテナーに制限します。これにより、ドロップダウン メニュー内の内部クリックによってドキュメント レベルへの伝播がトリガーされなくなり、委任されたイベントの起動が防止されます。

$(document).on('click', '.someyourContainer .dropdown-menu', function (e) {
  e.stopPropagation();
});

これにより、委任されたイベント ハンドラーの機能を損なうことなく、不要なドロップダウン クロージャが効果的に抑制されます。

以上が内容の重要なポイントと質問形式を組み込んだ、記事タイトルのオプションをいくつか示します。 **オプション 1 (ダイレクトおよびクリア):** * **ブートストラップのドロップダウン メニューが閉じるのを防ぐ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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