Question

我似乎无法弄清楚/调试IE7中的jquery滑块。它在anythingslider.js文件的第680行抛出一个错误，说[2]为空。知道发生了什么事吗？

这是页面： http://www.baltimoreschoolofmusic.org

谢谢！

Answer 1

我的页面中的第13行也出现了错误，而不是js插件。我在WinXP上测试IE7。第13行错误： Object doesn't support this property or method.

是： $("#sildes").slides();

您在第608行引用的错误以及619上的另一个错误，类似于数组节点中有if语句：

d[base.dir] = -base.panelSize[(o.infiniteSlides && base.pages > 1) ? page : page - 1][2];

阵列有多深？对不起，我已添加此作为评论，但我还没有达到我的50个记录点。并且，我同意，IE7应该退役！

这是怎么回事：在你的脑海里，你正在呼唤slides.js - 这就是扔掉404.

Answer 2

只是不支持IE7。这是一个简单的答案。检查浏览器是否为IE7，然后用图像替换滑块。 IE的用户无论如何通常会被滑块分心，并且总体上不喜欢交互性。如果他们想要一个美丽的观看/互动体验，他们就不会使用IE7。

说真的，你浪费时间，无法帮助你实现用户/客户转换的目标，即使是1％。这不是一个编码答案，它是一个营销和商业为基础的答案。

Answer 3

问题在于，如果每个UL都包含在链接中，IE7似乎无法识别LI内的任何内容：

<ul id="slider">
  <a href="slide-page.php">
    <li>
      <img src="myimage.jpg">
      <h2>Header</h2>
      <p>text.</p>
    </li>
  </a>

  <!-- more li's wrapped in a's -->

</ul>

所以，移动LI内的链接：

<ul id="slider">
  <li>
    <a href="slide-page.php">
      <img src="myimage.jpg">
      <h2>Header</h2>
      <p>text.</p>
    </a>
  </li>

  <!-- more li's -->

</ul>

我试图制作a demo，但是jsFiddle似乎不想在IE7中运行....哦。好吧。

在IE7中破坏了Jquery Slider

3 个答案: