我知道,你可以完全禁用合攏動畫作爲公認的答案被描述爲this question.顯示/隱藏,沒有動畫引導摺疊元素
但就是沒有辦法,我可以禁用動畫的任何方式.collapse('show')
或.collapse('hide')
作爲一個呼叫?我真的很想能夠做到這樣的事情:
.collapse({'show',
animation : false
});
但是這個選項似乎並不存在。
這可能嗎?
我知道,你可以完全禁用合攏動畫作爲公認的答案被描述爲this question.顯示/隱藏,沒有動畫引導摺疊元素
但就是沒有辦法,我可以禁用動畫的任何方式.collapse('show')
或.collapse('hide')
作爲一個呼叫?我真的很想能夠做到這樣的事情:
.collapse({'show',
animation : false
});
但是這個選項似乎並不存在。
這可能嗎?
OK,所以這是我想出了使用JQuery
$("myCollapseElement").addClass("in");
將擴大元素沒有動畫解決方案,並
$("myCollapseElement").removeClass("in");
會崩潰的元素,沒有動畫。
該解決方案適合我的目的,但有是能夠做到這一點我在我的問題建議的方式功能要求:Bootstrap Issue enable/disable animation of Collapse on a per-show/hide basis。
所以當人在上嘰嘰喳喳DO版本這個功能我會更新我的答案。但是暫時來說,使用JQuery來添加引導類in
適合我。
如果你不想動畫,那麼爲什麼要使用collapse
功能都沒有。只需使用jQuery的hide
& show
。
$(".my-prev-collapse-element").hide();
$(".my-prev-collapse-element").show();
基於來自@Redtama的建議中,動畫可以直接從防止:
$("my-prev-collapse-element").addClass("in");
$("my-prev-collapse-element").removeClass("in");
到隱藏或顯示元件而不動畫。
非常感謝您的回答!我嘗試過使用JQuery的函數,但引導程序崩潰元素似乎對它所處的狀態感到困惑(例如,如果我使用JQuery'hide',那麼bootstrap仍認爲顯示該元素)。 – Redtama
你可以發表一些與它相關的代碼嗎 –
但是你的回答幫助我找到了一個解決方案,因爲我意識到我可以使用JQuery來執行這個'$(「my-prev-collapse-element」)。addClass(「in 「);'你可以編輯你的答案,這個如果你喜歡,因爲你沒幫我想出了吧:) – Redtama