2013-08-20 41 views
0

我正在使用Twitter Boostraps组件折叠来显示某些字段,这是通过单击另一个字段完成的。但是,如果我再次单击相同的字段,则其他字段会再次隐藏(即切换)。禁用Twitter引导程序崩溃切换

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

+0

您是否找到比以下更满意的答案? – Reddog

+0

@Reddog:其实没有。仍然使用下面的一个,即使它很hacky:/ – holyredbeard

回答

5

你应该能够做,因为简单的东西..

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

此处理引导3 hide.bs.collapse事件,并防止DIV被再次隐藏。

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

+3

感谢您的答案。但是,这是工作的原因是preventDefault得到未定义(应该是e.preventDefault(),而不是preventDefault(e))。这意味着你可以在函数内写入任何不是有效的方法,并且脚本将停止工作。 – holyredbeard

+1

有没有办法在禁用它之后重新启用Collapse? –

3

解决办法其实很简单,一个标记为正确的结果很接近,这里是你如何禁用肘杆机构:

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

干杯

克里斯

+0

oops,函数将被命名为isMyDivEnabled() – Chris

+0

你可以编辑你的答案来解决这个问题。 – tsnorri