jQuery循环不工作

我的结构：

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

但这个循环不起作用。当我通过Firebug检查时，没有看到错误。如何修复它？

将

jQuery（'.main.maincontent'）

更改为：

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

---

您的类名在JQUERY中是错误的

你已经提到了。主要内容。试试这个

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

---

您的代码中有一个陷阱：

    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'
        });
    });

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

您没有提到在此脚本之前包含jQuery，因此请尝试使用

CDN-hosted

脚本以获得更好的页面加载性能：

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

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

然后在这之后把你所有的循环脚本放在下面

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

“主要内容”与“主要内容”的对比？