IE7中的Flexslider多个滑块未显示

时间:2013-11-11 11:11:12

标签: jquery internet-explorer-7 slideshow flexslider

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

1 个答案:

答案 0 :(得分:0)

我有同样的问题。多个滑块在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");

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