Question

我的JQuery Anythingslider演示部署适用于我测试过的所有浏览器，包括IE（DEMO）。

但是，当我尝试将其插入到我的站点代码中时，这是一个我无法控制的可怕遗留JQuery的混乱，结果是它在Chrome，Safari＆amp; Firefox，但在IE中完全没有。

要使用AnythingSlider，您需要提供基本标记，而JQuery会添加类和＆amp; ids来处理它。

这是原始加价：

<ul id="slider">
    <li>CONTENT</li>
    <li>CONTENT</li>
    <li>CONTENT</li>
</ul>

以下是我在Chrome上Firebug中标记的显示方式：

<div class="anythingSlider anythingSlider-default activeSlider" style="width: 790px; height: 790px; "><div class="anythingWindow" style=""><ul id="slider1" class="anythingBase horizontal" style="width: 4740px; left: -1580px; ">

    <li class="panel" style="width: 790px; height: 790px; "><img src="img/gallery05.jpg" alt="">
           CONTENT</li>
</ul></div><div class="anythingControls" style="display: block; "><a href="#" class="start-stop" style="display: none; "><span>Start</span></a></div><span class="arrow back" style=""><a href="#"><span>«</span></a></span><span class="arrow forward" style=""><a href="#"><span>»</span></a></span></div>

在Internet Explorer 8中，在同一页面上，标记与原始文件保持不变--JQuery根本没有运行，或者至少它没有在滑块UL上写入任何更改。当然滑块不起作用。

我尝试过的事情：

我正在使用JQuery noConflict来运行JQuery 1.3.2＆amp; 1.7并排。但是，当我将noConflict代码添加到我的演示中时，它仍然在IE中工作，所以我不认为是这样。

更改页面脚本加载顺序，以便AnythingSlider先加载，以后加载较旧的脚本 - 没有骰子。

Looking for an older version of AnythingSlider so I can run it without noConflict- in progress.

有没有人知道任何阻止此插件运行的特定于Internet Explorer 8的行为，以及我可以通过何种方式构建我的页面来阻止这种情况发生？

Answer 1

解决：被错误的逗号杀死。我这样称我的滑块：

$(function(){
    $('#slider1, #slider2').anythingSlider({
    buildNavigation     : false,
    autoPlay            : false,
    resizeContents      : false,
    hashTags : false,
    });

当我在false之后删除逗号时，问题得以解决：

$(function(){
    $('#slider1, #slider2').anythingSlider({
    buildNavigation     : false,
    autoPlay            : false,
    resizeContents      : false,
    hashTags : false
    });

是的，是的。 IE对这个逗号感到窒息，而没有其他浏览器。一个迷失的星期天的圣洁母亲花了这个想法！

为什么这个AnythingSlider JQuery会在Chrome / Safari / Firefox等中运行但不会在IE中运行？

1 个答案: