2013-08-20 39 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