防止面板打开 bootstrap3答案

【问题标题】：Prevent panel opening bootstrap3防止面板打开 bootstrap3
【发布时间】：2013-09-03 02:28:38
【问题描述】：

所以有这个带有连续面板的 Bootstrap3 手风琴。每个都有一个按钮，可以关闭它并打开下一个：下一步，如果你愿意的话。

但是，如果（不满足某些条件）下一个面板不应打开。其他事情也不应该发生，但它们在某种程度上是可控的。关键是如果（不满足条件），下一步面板将打开，我想阻止这种情况。

我在事件监听器中添加了以下内容，但无济于事。如何正确防止下一个面板打开？

$('#my-panel').on('hidden.bs.collapse', function (aTicketPanelCollapsedEvent) {
    aTicketPanelCollapsedEvent.preventDefault(); 
    // I expected this to work but unfortunately it doesn't
    });

【问题讨论】：

你能做个小提琴吗？

标签： javascript twitter-bootstrap twitter-bootstrap-3 collapse

【解决方案1】：

我会尝试使用show.bs.collapse 或hide.bs.collapse。您正在使用hidden.bs.collapse，它在事件发生后调用。

【讨论】：

【解决方案2】：

我相信 preventDefault() 只会阻止浏览器执行其默认操作以响应事件。由于事件 'hidden.bs.collapse' 不是浏览器事件，因此 preventDefault() 什么都不做。

【讨论】：

【解决方案3】：

我认为您需要处理“hide.bs.collapse”。使用'hidden'的问题是崩溃已经发生了。

$('#my-panel').on('hide.bs.collapse', function (e) {
    e.preventDefault(); 
});

演示：http://bootply.com/78023

【讨论】：