0

我正在尝试让一页上的多个幻灯片正常工作，但是 IE7 没有发挥作用。

我确保我的 jQuery 在选项末尾没有尾随“，”，并且我还尝试了 jQuery 1.7.2、1.9 和最新的 1.10。

我的html：

<div class="flexslider slidegallery">
   <ul class="slides">
      <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
      <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
      <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
   </ul>
</div>
<div class="flexslider slidegallery2">
       <ul class="slides">
          <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
          <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
          <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
       </ul>
    </div>

jQuery：

$('.slidegallery').flexslider({
        animation: "slide",
        directionNav: false
    });
    $('.slidegallery2').flexslider({
        animation: "slide",
        directionNav: true,
        prevText: "",
        nextText: "",
        slideshow: false
    });

我总共有 3 个幻灯片 - 两个在“slidegallery”上运行，一个使用“slidegallery2”。第一个画廊（'slidegallery'）会出现，但其他两个不会。

当我删除第一个画廊时，第二个画廊将起作用。以前有没有人偶然发现过这个问题？

编辑：我会假设这是某种错误。最后，我使用了以前版本的 flexslider.js (v2.0)，而之前我使用的是最新的 (v2.2) 版本。一旦我降级了 JS 文件，IE7 就可以正常工作，因为它应该有多个幻灯片。希望这可以帮助某人。

4

1 回答 1

0

我有同样的问题。多个滑块在 IE7 中不起作用，只显示第一个。此错误在 2.2.2 版中，但不在 2.1 版中。我逐行比较了这两个脚本并找到了导致此错误的代码。它在 jquery.flexslider.js 中：

slider.find("img").attr("draggable", "false");

在 jquery.flexslider-min.js 它是：

r.find("img").attr("draggable","false");

删除此行可解决问题。很高兴它有帮助。

于 2014-01-14T05:15:19.833 回答