我知道,你可以完全禁用合拢动画作为公认的答案被描述为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