我知道有很多关于jQuery slideToggle“闪烁”的问题,但我没有看到任何专门针对页面加载时闪烁的问题。
点击 here 作为工作示例。
如果单击“刷新”或单击另一个数据表页面(在“数据表和产品信息”部分下),当页面加载时,隐藏的div会“闪烁”展开的内容,然后快速折叠。我在Firefox中注意到这一点,而不是在IE或Chrome中。我该怎么做才能防止这种情况发生?这取决于页面加载的速度吗?
另外,请原谅噩梦列表代码。我从之前的开发人员那里继承了这个。我们计划在稍后的阶段回过头来纠正这个问题,但我想知道现在是否能快速解决这个问题。
谢谢!
答案 0 :(得分:2)
对display:none
这样的元素可能#mover2
?
(当然,这也意味着没有优雅的退化)
编辑(回复另一个问题)
为了避免在你的css中使用#id,#id1,#id2,你可以简单地为这些div添加一个额外的类,比如hideThis
。
然后,在CSS中你可以添加: .hideThis {display:none; }
答案 1 :(得分:0)
这与我相信加载时Firefox中javascript的延迟有关。
正如Ionut Staicu建议的那样,我将它们隐藏在.CSS中,这可能比隐藏方法更快。
我也会尝试$('[id=^mover]').hide();
而不是像$('#mover1').hide();