我正在使用 Bootstrap 3 构建一个管理仪表板,并且需要一个“查看更多”按钮来取消折叠某些内容。这适用于以下代码,但是在页面加载时,我们会在动画发生的同时立即看到折叠内容。
fiddle 可以在这里找到:http://jsfiddle.net/sSNG4/
然后我使用以下代码初始化折叠:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".collapse").collapse();
});
</script>
有谁知道如何消除未隐藏内容的闪烁?
备注:This question指的是 Bootstrap 2,无论如何,这个问题从来没有用正确的解决方案完全解决。
最佳答案
http://getbootstrap.com/javascript/#collapse-usage
- 在您的 HTML 中,将
class="collapse in"
更改为class="collapse"
。in
类表示它是“打开的”。 - 完全删除 JavaScript。
data-
属性会告诉 Bootstrap 自动初始化可折叠的 div。
关于javascript - Bootstrap 3 崩溃 - 页面加载时隐藏内容闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22327985/