为什么这行代码不起作用？

Question

我试图基本上这样做,所以用户不能连续两次点击#shareheart,使动画搞砸了.也许你可以说我试图创建一个活动状态而不添加和删除类？

为什么这不起作用？第一段代码是什么不起作用,它不遵循这个if语句,我在这里做错了吗？

if($('.share-text').not(':animated') && $('.share-text span').is(':visible')) {
    // do something
}

这是完整的代码:

$('#shareheart').click(function() {
    if ($('.share-text:animated').length == 0 && $('.share-text span').is(':visible')) {
        $('.share-text span').animate({'opacity': '0'}, 800, function() {
            $("#share-what").fadeOut(400)
            $('.share-text').stop(true, false).animate({'width': 'toggle','padding-left': 'toggle','padding-right': 'toggle'}, 800)
            $('#short-url').css('background-image', "url('images/drink.png')");
        })
    } else {
        $('.share-text').stop(false, true).animate({'width': 'toggle','padding-left': 'toggle','padding-right': 'toggle'}, 800, function() {
            $('.share-text span').animate({'opacity': '1'}, 800)
        });
    }
});

Answer 1

$('.share-text').not(':animated')

...将为您提供一个jQuery对象(如果作为布尔值测试,将始终是真实的).not不测试条件并返回文本的结果,它过滤 jQuery对象匹配的元素.

你还没有说出代码应该做什么,但你可能想要:

if ($('.share-text:animated').length == 0 && $('.share-text span').is(':visible')) {
    // do something
}

...如果前半部分正在查看是否没有"share-text"类没有动画的元素.