Bootstrap 防止面板打开引导程序3

dm7nw8vv  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(3)|浏览(201)

因此,这是一个Bootstrap3 accordion ,它有连续的面板。每个面板都有一个按钮,可以关闭它并打开下一个面板:下一步,如果你愿意的话
然而,如果(某些条件不满足),下一个面板不应该打开。其他事情也不应该发生,但它们在某种程度上是可控的。关键是,如果(条件不满足),下一步面板打开,我想防止这种情况。
我在事件侦听器中添加了以下内容,但没有效果。如何正确地阻止下一个面板打开?

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

zed5wv101#

我会尝试使用show.bs.collapsehide.bs.collapse。您使用的是hidden.bs.collapse,它是在事件发生后调用的。

ymzxtsji

ymzxtsji2#

我认为preventDefault()只会阻止浏览器执行默认操作来响应事件。由于事件'hidden.bs.collapse'不是浏览器事件,所以preventDefault()什么也不做。

af7jpaap

af7jpaap3#

我认为你需要处理“hide.bs.collapse”来代替。使用“hide”的问题是崩溃已经发生了。

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

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

相关问题