Question

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

但是，如果（某些条件未满足），则不应打开下一个面板。其他事情也不应该发生，但它们有点受到控制。关键是下一步面板打开如果（条件未满足）并且我想阻止它。

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

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

Answer 1

我认为preventDefault（）仅阻止浏览器执行其默认操作以响应事件。由于事件'hidden.bs.collapse'不是浏览器事件，因此preventDefault（）不执行任何操作。

Answer 2

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

Answer 3

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

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

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

防止面板打开bootstrap3

3 个答案: