-2

私の構造：

<div class="main">
<div class="main-contents">
<img>...</img>
<img>...</img>
<img>...</img>
<img>...</img>
<img>...</img>
</div>
</div>

そして私のjsコード：

jQuery(document).ready(function() {
    jQuery('.main .maincontents').cycle({
        fx: 'fade'
    });
});

しかし、サイクルは機能しません。Firebugで確認すると、エラーは表示されません。どうすれば修正できますか？

4

3 に答える 3

1

次のように変更jQuery('.main .maincontent')します。 

 jQuery(document).ready(function() {
           jQuery('.main .main-contents').cycle({ fx: 'fade' });
 });
于 2013-01-09T05:49:02.083 に答える
1

JQUERYでクラス名が間違っています

あなたは.maincontentについて言及しました。これを試して、

jQuery(document).ready(function() {
    jQuery('.main .main-contents').cycle({
        fx: 'fade'
    });
});
于 2013-01-09T05:50:33.070 に答える
0

あなたのコードには落とし穴があります：

    jQuery(document).ready(function() {
        jQuery('.main .main-contents').cycle({
        //-------------^^^^^^^^^^^^^-------------change it like this
            fx: 'fade'
        });
    });

パフォーマンスが気になる場合は、このようにすることができます。

jQuery(document).ready(function() {
        jQuery('.main').find('.main-contents').cycle({
        //-------------^^^^^^^^^^^^^-------------change it like this
            fx: 'fade'
        });
    });

このスクリプトの前にjQueryを含めたかどうかについては言及していないので、CDN hostedpageLoadのパフォーマンスを向上させるためにスクリプトを使用してみてください。

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>

この後、すべてのサイクルスクリプトをその下に配置します。

これを試して、これが役立つかどうかを確認してください。

于 2013-01-09T05:58:04.737 に答える