1

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

单击此处查看工作示例。

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

另外,请原谅噩梦般的表格代码。我从以前的开发人员那里继承了这个。我们计划在稍后阶段返回并更正此问题,但我想知道现在是否有快速解决此问题的方法。

谢谢!

4

2 回答 2

2

也许display:none对于像#mover2? (当然,这也意味着没有优雅的降级)

编辑(对另一个问题的回复)为了避免在您的 css 中使用 #id、#id1、#id2,您可以简单地为这些 div 添加一个额外的类,例如hideThis.

然后,在 CSS 中你可以添加: .hideThis {display:none; }

于 2010-07-20T20:25:31.070 回答
0

我相信这与 Firefox 中 javascript 在加载时的延迟有关。

正如 Ionut Staicu 建议的那样,我通过将它们隐藏在 .CSS 中来解决这个问题,这可能比 hide 方法更快。

我也会尝试$('[id=^mover]').hide();而不是像所有个人一样$('#mover1').hide();

于 2010-07-20T20:41:29.927 回答