Question

我在我的网站中使用过此标题：

<head>
  <script type="text/javascript" src="libs/jquery.js"></script>
  <script type="text/javascript" src="libs/jquery.jscrollpane.min.js"></script>
  <script type="text/javascript" src="libs/config.js"></script>
  <script type="text/javascript" src="libs/jquery.fancybox-1.3.4.js"></script>
  <script type="text/javascript" src="libs/jquery.easing-1.3.pack.js"></script>
  <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
  <script type="text/javascript" src="libs/swfobject.js"></script>
</head>

例如，

加载所有图像后加载jscrollpane插件。网站中有如此多的图像，并在Internet Explorer中创建非常糟糕的外观，因为插件在图像之后加载。 $(window).load()无法解决问题。这个问题有没有解决办法？
提前致谢

编辑：图像在js之前加载。网站中有很多图像，插件在图像加载后效果很好。这是一个糟糕的案例。

Answer 1

This article可能会有所帮助 - 基本的想法是隐藏您的页面，直到内容完全加载和样式化为止。如果它需要很长时间，你可以考虑在你的页面中创建两个主要的div - 一个用于内容，一个用于微调器 - 并隐藏内容div并显示微调器，以便用户获得页面加载而不是破坏的反馈

您可以挂钩回调方法，在一切准备就绪后重新显示页面。也许$(window).load()事件现在很有用，或者如果您正在使用的jQuery插件提供了一些回调，表明它已经准备就绪，那么最好使用它。

修改

jScrollPane有jsp-initialised事件，可以让您知道元素何时初始化。用它来确定何时应重新显示页面内容。

jquery和插件订单问题

1 个答案: