1

HTML ファイルの head タグで 1 つの Java スクリプトと 1 つの jquery を使用していますが、両方のスクリプトが機能しないという問題があります。1 つのスライド ショー スクリプトと 1 つのナビゲーション メニュー スクリプトを使用しました。これらのスクリプトを記述する特定の順序は、私が使用した以下のスクリプトの順序を見つけてください。スライドショーのみを取得しています。私を助けてください 。

<script type="text/javascript">        google.load("mootools", "1.2.1");</script>
<script type="text/javascript" src="Js/MenuMatic_0.68.3.js" type="text/javascript"
    charset="utf-8">  </script>
<script type="text/javascript">
    window.addEvent('domready', function () {
        var myMenu = new MenuMatic();
    });</script>
<script type="text/javascript" src="Js/jquery.min.js"></script>
<script type="text/javascript" src="Js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="Js/slides.min.jquery.js"></script>
<script type="text/javascript">

    $(function () {
        $('#slides').slides({
            preload: true,
            preloadImage: 'img/loading.gif',
            play: 5000,
            pause: 2500,
            hoverPause: true
        });
    });

</script>
4

1 に答える 1

2

同じページに MooTools と jQuery をロードしているように見えますが、これは機能しますが、省略形の jQuery 関数を置き換える必要があります。jQuery は、jQuery(function) の省略形 $(function) を使用しますが、その省略形表記は問題を引き起こす可能性があります。

jquery とそのプラグインで $.noConflict() 関数を使用する必要があります。

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

<script type="text/javascript">

    var $j = jQuery.noConflict();

    $j(function () {
        $j('#slides').slides({
            preload: true,
            preloadImage: 'img/loading.gif',
            play: 5000,
            pause: 2500,
            hoverPause: true
        });
    });

</script>
于 2012-08-23T04:51:15.840 に答える