如何防止点击时Bootsrap崩溃？

我有一个div触发Bootstrap的折叠点击。如何防止点击时Bootsrap崩溃？

在那个div中，我也有一个触发Bootstrap模式的按钮。

问题是，当点击模态触发器时，模态被触发和崩溃。我只想要Modal触发。

有没有方法可以防止点击时导致Bootstrap崩溃？

如：

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

来源

2016-07-08 MeltingDog

你可以用它event.stopPropagation()防止事件冒泡DOM树，防止任何父母处理者都不会被通知该事件。

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

来源

2016-07-08 03:22:57

谢谢。更新您的代码以触发模式。 – MeltingDog

为了避免触发到事件中使用event.preventDefault或使用event.stopPropagation()不触发事件为父母。

这就像你需要的东西？

ejem。

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

来源

2016-07-08 03:20:50

删除数据切换=“崩溃”在您的按钮，不要忘记把适当的目标也...

来源

2016-07-08 03:21:45

如何防止点击时Bootsrap崩溃？

回答

相关问题