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>

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

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

jQuery循环不起作用

3 个答案: