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

Barbara Streisand
リリース: 2024-10-27 06:45:03
オリジナル
775 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!