私の JQuery Anythingslider デモ展開は、IE ( DEMO )を含む、私がテストしたすべてのブラウザーで動作します。
しかし、それを自分のサイトコードに挿入しようとすると、これは私が制御できない恐ろしいレガシー JQuery の混乱であり、Chrome、Safari、および Firefox では正しく読み込まれますが、IE ではまったく読み込まれません。
AnythingSlider を使用するには、基本的なマークアップを指定すると、JQuery がクラスと ID を追加して動作します。
元のマークアップは次のとおりです。
<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 に変更が書き込まれていません。もちろんスライダーも動かない。
私が試したこと:
このプラグインの実行を停止する Internet Explorer 8 固有の動作と、これが発生しないようにページを構成する方法を知っている人はいますか?