0

jquery サイクル プラグインを使用して、画像のスライドショーを作成しています。それは非常に簡単で、そのコードを理解し、単独で動作するようになりました。しかし、既存の Web サイトに実装しようとしていて、問題が発生しています。Web サイトは、html、css、および js ファイルの個別のファイルに分割されます。

このコードは head 内のスクリプト タグ内に配置する必要がありますが、サイトの目的上、js ファイル内に配置する必要があります。私の質問は、関数に入れるなど、次のコードをjsファイルに入れる準備をするために何かをする必要があるのでしょうか? 私は運なしでこれだけを試しました。（そして、jqueryファイルはすでにロードされています）。

$('.rotatorA').cycle({ fx: 'fade', timeout: 3000 });

$('.rotatorB').cycle({ fx: 'fade', delay: 1000, timeout: 3000 });

私はjqueryにかなり慣れていないので、これに関する情報があまり見つからないので、助けていただければ幸いです! ありがとう！

4

1 に答える 1

2

コールバック内にあることを確認してくださいdocument.ready。つまり:

$(document).ready(function() {
    $('.rotatorA').cycle({ fx: 'fade', timeout: 3000 });
    $('.rotatorB').cycle({ fx: 'fade', delay: 1000, timeout: 3000 }); 
});

しかし、それが<head>タグにあるか外部スクリプトにあるかに関係なく、それは必要です...スクリプトをコピーするときに省略した可能性があるため、言及しますか?

参考$(function()までに、の短縮版として入手できます。$(document).ready(function()

また、MooTools などの他のライブラリが読み込まれていないことを確認してください。その場合は、コードを多少変更し、jQuery.noConflict()jQuery をロードした直後にスクリプトを追加する必要があります。

于 2013-03-08T01:01:28.300 に答える