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

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

Barbara Streisand

リリース： 2024-10-27 06:45:03

オリジナル

837 人が閲覧しました

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 サイトの他の関連記事を参照してください。