禁用 Twitter Bootstrap 折叠切换答案

【问题标题】：Disable Twitter Bootstrap collapse toggling禁用 Twitter Bootstrap 折叠切换
【发布时间】：2013-08-22 16:02:51
【问题描述】：

我正在使用 Twitter Boostraps 组件折叠来显示一些字段，这些字段是通过单击另一个字段来完成的。但是，如果我再次单击同一字段，其他字段将再次隐藏（即切换）。

我想要的是禁用切换，以便在第二次单击该字段时不会隐藏该字段。这可以通过一些内置方法轻松完成，还是我需要深入研究 js 文件来自己更改它？

【问题讨论】：

你找到比下面那个更满意的答案了吗？
@Reddog：实际上没有。即使它非常hacky，仍然使用下面的一个：/

标签： javascript twitter-bootstrap toggle collapse

【解决方案1】：

你应该能够做一些简单的事情......

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

这会处理 Bootstrap 3 hide.bs.collapse 事件，并防止 DIV 再次被隐藏。

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

【讨论】：

感谢您的回答。但是，这是有效的原因是 preventDefault 未定义（应该是 e.preventDefault()，而不是 preventDefault(e)）。这意味着您可以在函数内编写任何不是有效方法的内容，并且脚本将停止工作。
有没有办法在禁用折叠后重新启用它？

【解决方案2】：

解决方案实际上非常简单，标记为正确的解决方案非常接近，以下是禁用切换机制的方法：

$('#myDiv').on('hide.bs.collapse', function (e) {
  return isMyDivEnabled(); // true or false
}).on('show.bs.collapse', function (e) {
  return isMyDivEnabled(); // true or false
});

干杯

克里斯

【讨论】：

哎呀，函数必须命名为 isMyDivEnabled()