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”类没有动画的元素。

Answer 2

或者，您可以将条件组合到单个选择器：

if($(".share-text:not(:animated) span:visible").length)
{
}

如果0是动画的，或者跨度不可见，则条件将返回share-text（假值）。

Answer 3

我认为你误解了not()的功能。它过滤集合，不测试元素是否符合给定的选择器。你可能想要这样的东西：

!$('.share-text').is(':animated')

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

3 个答案: