Question

クリックするとBootstrapのCollapseをトリガーするdivがあります。

また、私はブートストラップモードをトリガーするボタンも持っています。

問題は、モーダルトリガーをクリックすると、モーダルと崩壊の両方が発生するという問題です。私はモーダルが誘発されるだけです。

クリックするとBootstrap Collapseを防止する方法がありますか？

例：

$("[data-toggle='collapse'] [data-toggle='modal']").click(function() { 
     $(this).parent().SomehowStopCollapse; 
    }); 

Answer 1

を、あなたのボタンでデータトグル=「崩壊」を削除し、適切ターゲットを置くことを忘れてはいけません親ハンドラがイベントの通知を受けないようにします。

$("[data-toggle='collapse'] [data-toggle='modal']").click(function(event) { 
    event.stopPropagation(); 
    var thisModal = $(this).attr('data-target'); 
    $(thisModal).modal('show'); 
}); 

Answer 2

イベント使用event.preventDefaultにトリガを防止または親にイベントをトリガしないようにevent.stopPropagation()を使用するには。

これは、必要なものですか？

ejem。

$("[data-toggle='collapse'] [data-toggle='modal']").click(function() { 
     event.stopPropagation() // or 
     event.preventDefault 
     $(this).parent().SomehowStopCollapse; 
    }); 

Answer 3

あなたはそれを防止すること、DOMツリーをバブルアップからのイベントを防ぐevent.stopPropagation()を使用することができます...