代码之家 › 专栏 › 技术社区 › krimat_

防止面板打开引导带3

accordion twitter-bootstrap-3 twitter-bootstrap javascript

krimat_ · 技术社区 · 12 年前

因此,这款Bootstrap3手风琴具有连续面板。每一个都有一个按钮,可以关闭它并打开下一个:下一步,如果你愿意的话。

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

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

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

3 回复 | 直到 3 年前

Daniel Bang 12 年前

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

Centijo 12 年前

我认为preventDefault()只会阻止浏览器在响应事件时执行其默认操作。由于事件“hidden.bs.collapse”不是浏览器事件,preventDefault()不执行任何操作。

Carol Skelly 12 年前

我认为你需要处理“隐藏。隐藏。崩溃”。使用“隐藏”的问题是崩溃已经发生。

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

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

推荐文章

xajetin · 导航不更改滚动上的颜色

3 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

3 年前

Bryan Santos · 固定表头与引导

4 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

4 年前

tym · 根据用户偏好显示字段

4 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

4 年前

Pavel · 当验证DIV可见时,引导网格会移动

7 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

7 年前

Alexander David · 折叠卡打开,然后立即再次关闭

7 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

7 年前