Question

我要做的是，每当我们离开按钮然后移回灰色内容框时，slideUp将停止，内容将再次滑动。

使用 jQuery 1.x（边缘）可以正常工作，但是当我使用 jQuery 1.10 时，slideUp会停止，而不会再次继续slideDown。

你们有什么想法我应该改变哪些部分才能使它在 jQuery 1.10 上运行？

$(function () {
    var show_content = '';

    $('.nav-content > div').hide();

    $('.btn1,.btn2').mouseenter(function (e) {
        var target = $(e.currentTarget).attr('class');
        console.log('Mouse Enter : ' + target);

        if (target == 'btn1') {
            show_content = $('.con1');
        } else if (target == 'btn2') {
            show_content = $('.con2');
        }
        show_content.stop().slideDown(300);
    });

    $('.btn1,.btn2').mouseleave(function (e) {
        var target = $(e.currentTarget).attr('class');
        show_content.stop().slideUp(2000);

    });

    $('.nav-content').mouseenter(function (e) {
        show_content.stop().slideDown(300);

    });
    $('.nav-content').mouseleave(function (e) {
        show_content.stop().slideUp(2000, 'swing', function (e) {
            console.log('Hide done');
        });
    });

});

这是我的小提琴 http://jsfiddle.net/PmJt2/2/

Answer 1

我无法弄清楚为什么不再继续slideDown，但是slideToggle可以工作。

使用.slideToggle()代替slideDown和slideUp

停止后，Div不会动画（）

1 个答案: