目标仅在动画链的一部分中添加元素

Question

我正在尝试使用 jQuery 构建动画，但缺少一个简单的步骤。这是我的实际代码：$('.wrapper').show('fast',function(){     $(".bs-glyphicons-list-sub").append(appendable).fadeIn('slow').delay(500).removeClass('attivo'); });appendable是li添加到 的元素.bs-glyphicons-list-sub。attivoAppendable在创建时就有类。我想要做的是使 li 元素与 attivo 类一起缓慢出现，并在半秒后仅从添加的 li 中删除该类。实际上它正试图从.bs-glyphicons-list-sub. 我怎么说：仅将其从添加的 li 元素中删除？

Answer 1

这条线的问题

$(".bs-glyphicons-list-sub")

    .append(appendable)

    .fadeIn('slow')

    .delay(500)

    .removeClass('attivo');

是它$(".bs-glyphicons-list-sub")被链接到removeClass

最简单的解决方案是直接访问该项目，例如：

$(".bs-glyphicons-list-sub")

    .append(appendable)

    .fadeIn('slow')

    .delay(500);

$(appendable).removeClass('attivo');

如果appendable已经是一个jquery对象，可以“双重包装”它，但不理想，所以就只是appendable.removeClass("attivo")

另一种方法是使用.appendTo，但您仍然需要在那里进行额外的导航，例如：

appendable

    .appendTo(".bs-glyphicons-list-sub")

    .removeClass('attivo')

    .parent()

    .fadeIn('slow')

    .delay(500);

请注意，它.removeClass()不受任何动画的影响，并且会立即发生（因此.delay(500)原件中的 不执行任何操作）