因此,这是一个Bootstrap3 accordion ,它有连续的面板。每个面板都有一个按钮,可以关闭它并打开下一个面板:下一步,如果你愿意的话
然而,如果(某些条件不满足),下一个面板不应该打开。其他事情也不应该发生,但它们在某种程度上是可控的。关键是,如果(条件不满足),下一步面板打开,我想防止这种情况。
我在事件侦听器中添加了以下内容,但没有效果。如何正确地阻止下一个面板打开?
$('#my-panel').on('hidden.bs.collapse', function (aTicketPanelCollapsedEvent) {
aTicketPanelCollapsedEvent.preventDefault();
// I expected this to work but unfortunately it doesn't
});
3条答案
按热度按时间zed5wv101#
我会尝试使用
show.bs.collapse
或hide.bs.collapse
。您使用的是hidden.bs.collapse
,它是在事件发生后调用的。ymzxtsji2#
我认为preventDefault()只会阻止浏览器执行默认操作来响应事件。由于事件'hidden.bs.collapse'不是浏览器事件,所以preventDefault()什么也不做。
af7jpaap3#
我认为你需要处理“hide.bs.collapse”来代替。使用“hide”的问题是崩溃已经发生了。
演示:http://bootply.com/78023