文章/答案/技术大牛

发布

社区首页 >问答首页 >悬停时jQuery滑块停止

问悬停时jQuery滑块停止
EN

Stack Overflow用户

提问于 2012-07-31 20:11:02

回答 1查看 1.9K关注 0票数 0

我目前正在开发一个小的jQuery元素，但是在使用clearInterval时遇到了一些问题。

我用我正在做的一个例子做了一个jsFiddle：http://jsfiddle.net/eWTSu/

正如您所看到的，它可以正常旋转，但当我将鼠标悬停在导航按钮上时，旋转不会停止。另外，旋转的顺序也有问题。旋转依次为div1、div2、div3、div4和repeat。但当我将鼠标悬停在第三个按钮上时，当旋转在第一个div上时，它会在第三个div上加载第二个div。

有没有人能给我个好建议？

javascript

jquery

animation

hover

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-31 20:19:55

试试这个(参见DEMO)：

jQuery(document).ready(function () {
    $('.greenC, .blueC, .orangeC').hide();

    $('.nav li').hover(function () {
        var liClass = $(this).attr('class');

        $('.slider').hide();
        $('.' + liClass + 'C').show();
    });

    (function () {
        var interval_function = function () {
            jQuery('#header_slider > div:first')
                .hide()
                .next()
                .show()
                .end()
                .appendTo('#header_slider');
        };

        var interval = setInterval(interval_function, 1000);

        $('.nav li').hover(function () {
            clearInterval(interval);
        }, function () {
            interval = setInterval(interval_function, 1000);
        });
    }());
});

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11739807

复制

相似问题

问悬停时jQuery滑块停止
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问悬停时jQuery滑块停止EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问悬停时jQuery滑块停止
EN