刷新/重新加载的 jQuery 和 IE答案

【问题标题】：jQuery & IE on Refresh/Reload刷新/重新加载的 jQuery 和 IE
【发布时间】：2011-02-16 02:51:05
【问题描述】：

基本上，我创建了一个带有 jQuery 滚动条的页面。然而，在 IE7 中，刷新页面上的所有 li's 时会全部显示出来然后他们隐藏并开始滚动。

任何人都知道我可以如何首先触发 jquery，或者防止这种情况发生。

代码如下

<script language="JavaScript" src="/site/js/jquery-1.3.2.js"></script>
<script language="JavaScript" src="/site/js/jcarousellite_1.0.1c4.js"></script>
<script type="text/javascript">  
 $(document).ready(function() {
 $(".air_ticker").jCarouselLite({vertical: true,visible: 1,auto:10000,speed:1800});
  });  
</script>

【问题讨论】：

它可能存在一些可访问性问题，但您是否考虑过使用 .css 隐藏内容，然后在设置滚动属性后使用您的 java 脚本取消隐藏它。例如，您可以给滚动条一个较大的负左边距，然后在屏幕上移动它。
hmm..通过这样做，文本看起来永远不会消失？它也不会显示所有的 li 的真正快速。

标签： jquery internet-explorer refresh reload

【解决方案1】：

标准方式：like this question

在您的 HTML 中：

<body>
  <script type="text/javascript">
    document.body.className += " js";
  </script>

在您的 CSS 中（在 HTML 中出现 .air_ticker 元素之前加载）

.js .air_ticker { display: none; }

现在，如果浏览器有 JS，.air_ticker 元素将在它有机会显示之前被隐藏。

【讨论】：

这样做可以使元素完全隐藏。在 IE 中刷新时，我只是不想在那一秒显示 li。我不想永久隐藏它们