Question

我试图在悬停集中徽标时进行背景图像循环，并使用了jQuery Cycle plugin。

但是，我收到此错误：[循环]终止;选择器找到零元素，

我看过其他似乎与我有同样问题的page，但它似乎无法解决我的错误。

感谢任何帮助。谢谢。请参阅以下代码：

HTML：

<div class="home" href="#">
    <a href="#about">
        <img id="logo" src="images/home/parableLogo.png"/>
    </a>

    <ul class="imgfill"> 
        <li><img src="images/home/1.jpg"></li>
        <li><img src="images/home/2.jpg"></li>
        <li><img src="images/home/3.jpg"></li>
        <li><img src="images/home/4.jpg"></li>
        <li><img src="images/home/5.jpg"></li>
    </ul>
</div>

JQUERY：

    $(document).ready(function(){
        // Cycle plugin
        $('.imgfill').cycle({
            fx:     'none',
            speed:   1,
            timeout: 70
        }).cycle("pause");

        // Pause & play on hover
        $('#logo').hover(function(){
            $(this).find('.imgfill').addClass('active').cycle('resume');
        }, function(){
            $(this).find('.imgfill').removeClass('active').cycle('pause');
        });

    });

按照其他用户的解决方案测试JQUERY：

    $(document).ready(function(){
        // Cycle plugin
        $('.home').load('.imgfill', function(){
            $('.imgfill').cycle({
            fx:     'none',
            speed:   1,
            timeout: 70
            }).cycle("pause");
        });


        // Pause & play on hover
        $('#logo').hover(function(){
            $('.home').find('.imgfill').addClass('active').cycle('resume');
        }, function(){
            $('.home').find('.imgfill').removeClass('active').cycle('pause');
        });

    });

Answer 1

您使用了错误的选择器＆＃34; $（this）.find（＆＃39; .imgfill＆＃39;）＆＃34;你应该使用＆＃34; $（＆＃39; .imgfill＆＃39;）＆＃34;

$(document).ready(function(){
    // Cycle plugin
    $('.imgfill').cycle({
        fx:     'none',
        speed:   1,
        timeout: 70
    }).cycle("pause");

    // Pause & play on hover
    $('#logo').hover(function(){
        $('.imgfill').addClass('active').cycle('resume');
    }, function(){
        $('.imgfill').removeClass('active').cycle('pause');
    });

});

这是一个工作版本的链接 http://codepen.io/mozzi/pen/eZqLxr

jQuery Cycle Plugin [循环]终止;选择器找到的零元素

1 个答案: