javascript - 防止面板打开 bootstrap3

Question

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

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

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

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

Answer 1

我会尝试使用show.bs.collapseor hide.bs.collapse。您正在使用hidden.bs.collapsewhich 在事件已经发生后调用。

Answer 2

我认为你需要处理'hide.bs.collapse'。使用“隐藏”的问题在于崩溃已经发生。

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

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

Answer 3

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