防止面板打开引导带3

Prevent panel opening bootstrap3

本文关键字：      更新时间：2023-09-26

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

但是，如果（某些条件不满足）下一个面板不应打开。其他事情也不应该发生，但它们在某种程度上得到了控制。重点是如果（条件不满足）下一步面板打开，我想防止这种情况发生。

我向事件侦听器添加了以下内容，但没有成功。如何正确防止下一个面板打开？

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

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

我认为preventDefault（）只会阻止浏览器在响应事件时执行其默认操作。由于事件"hidden.bs.collapse"不是浏览器事件，preventDefault（）不执行任何操作。

我认为您需要处理'hide.bs.cocollapse'。使用"隐藏"的问题是崩溃已经发生。

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

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

相关文章：
  • 没有找到相关文章