1

デュアル スライダー プラグインを estalge ビューボックスと一緒に実行しようとしています。どちらもjQueryを使用し、別々に動作しますが、一緒に配置すると片方が壊れます。jQuery の非競合ルールを実装しようとしましたが、どこかで細部が欠けている可能性があると思います。これまでの私のコーディングは次のようになります。

<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="scripts/jquery.dualSlider.0.3.js" type="text/javascript"></script>
<!-- START ESTALGE -->
<script src="js/jquery-1.6.2.min.js"></script>
<script src="js/jquery.etalage.min.js"></script>

<script type="text/javascript"> 

  $.noConflict();
  jQuery(document).ready(function($) {
                jQuery('#etalage').etalage();
            });

    $(".carousel").dualSlider({
                auto:true,
                autoDelay: 6000,
                easingCarousel: "swing",
                easingDetails: "easeOutBack",
                durationCarousel: 1000,
                durationDetails: 500

            });

    </script>

どんな助けでも大歓迎です。ありがとうございました

4

6 に答える 6

0

複数のバージョンのjqueryを使用する必要がある場合は、使用してください

<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
    var jq132 = jQuery.noConflict();
</script>
<script src="js/jquery-1.6.2.min.js"></script>

今のようにjqueryの古いバージョンを呼び出します

jq132('element').doSomething();

jqueryの新しいバージョンは次のようになります

$('element').doSomething();
于 2012-04-12T20:36:54.867 に答える
0

$(".carousel").dualSlider({行は関数の外側にありますjQuery(document).ready()が、これはあなたの意図ではないと確信しています。今のところ、これはうまくいくでしょう：

jQuery.noConflict();
jQuery(document).ready(function($) {
    $('#etalage').etalage();

    $(".carousel").dualSlider({
        auto:true,
        autoDelay: 6000,
        easingCarousel: "swing",
        easingDetails: "easeOutBack",
        durationCarousel: 1000,
        durationDetails: 500
    });
});

ただし、コードには他の問題があります。2 つのバージョンの jQuery を導入していますが、そのうちの 1 つは非常に古いバージョン (1.3.2) です。これでは良い結果は得られません。古い jQuery に依存するライブラリがある場合は、そのライブラリを使用しないことを検討してください。このライブラリのランタイム アクティビティは jQuery 1.6 にしかアクセスできないため、このページではおそらくうまく動作しません。jQuery .noConflict ドキュメントには、jQuery キーワードを解放するために booleantrueを引数として指定できると記載されています.noConflictが、その時までに、ロードされたプラグインは古いバージョンの周りで既に閉じられています。

于 2012-04-12T20:30:36.030 に答える
0

2 つの jQuery Core Lib インクルードは必要ありません

代わりにこれを試してください：

<script src="scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="scripts/jquery.dualSlider.0.3.js" type="text/javascript"></script>
<!-- START ESTALGE -->
<script src="js/jquery.etalage.min.js" type="text/javascript"></script>

<script type="text/javascript"> 

 jQuery(document).ready(function($) {

 jQuery('#etalage').etalage();
 jQuery(".carousel").dualSlider({
            auto:true,
            autoDelay: 6000,
            easingCarousel: "swing",
            easingDetails: "easeOutBack",
            durationCarousel: 1000,
            durationDetails: 500

        });
});
</script>
于 2012-04-12T20:32:14.713 に答える