0

私の 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 に変更が書き込まれていません。もちろんスライダーも動かない。

私が試したこと:

  • JQuery noConflict を使用して、JQuery 1.3.2 と 1.7 を並べて実行しています。ただし、デモに noConflict コードを追加しても IE で動作していたので、そうではないと思います。
  • AnythingSlider が最初に読み込まれ、古いスクリプトが後で読み込まれるように、ページ スクリプトの読み込み順序を変更します。
  • AnythingSlider の古いバージョンを探しているので、noConflict なしで実行できます。
  • このプラグインの実行を停止する Internet Explorer 8 固有の動作と、これが発生しないようにページを構成する方法を知っている人はいますか?

    4

    1 に答える 1

    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 はそのコンマで窒息していましたが、他のブラウザはそうではありませんでした。これを理解するために費やされた失われた日曜日の聖母!

    于 2012-08-05T16:14:31.577 に答える