jQuery slideToggle页面加载时“闪烁”

时间:2010-07-20 20:23:00

标签: jquery slidetoggle

我知道有很多关于jQuery slideToggle“闪烁”的问题,但我没有看到任何专门针对页面加载时闪烁的问题。

点击 here 作为工作示例。

如果单击“刷新”或单击另一个数据表页面(在“数据表和产品信息”部分下),当页面加载时,隐藏的div会“闪烁”展开的内容,然后快速折叠。我在Firefox中注意到这一点,而不是在IE或Chrome中。我该怎么做才能防止这种情况发生?这取决于页面加载的速度吗?

另外,请原谅噩梦列表代码。我从之前的开发人员那里继承了这个。我们计划在稍后的阶段回过头来纠正这个问题,但我想知道现在是否能快速解决这个问题。

谢谢!

2 个答案:

答案 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();

这样的所有个人