jquery - jQuery循环不起作用

Question

我的结构：

<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 检查时，没有看到错误。我该如何解决？

Answer 1

更改jQuery('.main .maincontent')为：

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

Answer 2

你的班级名称在 JQUERY 中是错误的

你提到了.maincontent。尝试这个，

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

Answer 3

您的代码中有一个问题：

    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 hosted脚本以获得更好的 pageLoad 性能：

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

然后在此之后将所有循环脚本放在它下面。

试试这个，看看这是否对你有帮助。