如何防止单击时 Bootsrap 崩溃？

Question

我有一个 div，它在点击时触发 Bootstrap 的折叠。

在那个 div 中，我还有一个触发 Bootstrap Modal 的按钮。

问题是，当点击模态触发器时，模态被触发和折叠。我只想触发模态。

有什么方法可以防止单击时 Bootstrap 崩溃？

例如：

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

Answer 1

您可以使用event.stopPropagation()它来防止事件在 DOM 树中冒泡，从而防止任何父处理程序收到该事件的通知。

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