Question

我试图在一个页面上播放多个幻灯片，但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就可以正常工作，因为它应该有多个幻灯片。希望这有助于某人。

Answer 1

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

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

在jquery.flexslider-min.js中：

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

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

IE7中的Flexslider多个滑块未显示

1 个答案: