Bootstrap 禁用Twitter引导程序折叠切换

sxissh06  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(178)

我正在使用Twitter Boostraps组件折叠来显示一些字段,这是通过点击另一个字段来完成的。但是,如果我再次点击同一个字段,其他字段会再次隐藏(即切换)。
我想要的是禁用切换,这样当再次单击字段时字段就不会隐藏。这可以通过一些内置的方法轻松完成吗?还是需要我深入到js文件中自己修改它?

kpbpu008

kpbpu0081#

你应该能做一些简单的事情,比如...

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

这将处理Bootstrap 3 hide.bs.collapse事件,并防止DIV再次隐藏。
演示:http://bootply.com/75650

9nvpjoqh

9nvpjoqh2#

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

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

干杯
克里斯

相关问题