如何防止点击时Bootsrap崩溃?
问题描述:
我有一个div触发Bootstrap的折叠点击。如何防止点击时Bootsrap崩溃?
在那个div中,我也有一个触发Bootstrap模式的按钮。
问题是,当点击模态触发器时,模态被触发和崩溃。我只想要Modal触发。
有没有方法可以防止点击时导致Bootstrap崩溃?
如:
$("[data-toggle='collapse'] [data-toggle='modal']").click(function() {
$(this).parent().SomehowStopCollapse;
});
答
你可以用它event.stopPropagation()
防止事件冒泡DOM树,防止任何父母处理者都不会被通知该事件。
$("[data-toggle='collapse'] [data-toggle='modal']").click(function(event) {
event.stopPropagation();
var thisModal = $(this).attr('data-target');
$(thisModal).modal('show');
});
答
为了避免触发到事件中使用event.preventDefault
或使用event.stopPropagation()
不触发事件为父母。
这就像你需要的东西?
ejem。
$("[data-toggle='collapse'] [data-toggle='modal']").click(function() {
event.stopPropagation() // or
event.preventDefault
$(this).parent().SomehowStopCollapse;
});
答
删除数据切换=“崩溃”在您的按钮,不要忘记把适当的目标也...
谢谢。更新您的代码以触发模式。 – MeltingDog