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

我正在尝试使用 jQuery 构建动画,但缺少一个简单的步骤。这是我的实际代码:

$('.wrapper').show('fast',function(){
    $(".bs-glyphicons-list-sub").append(appendable).fadeIn('slow').delay(500).removeClass('attivo');
});

appendableli添加到 的元素.bs-glyphicons-list-subattivoAppendable在创建时就有类。我想要做的是使 li 元素与 attivo 类一起缓慢出现,并在半秒后仅从添加的 li 中删除该类。实际上它正试图从.bs-glyphicons-list-sub. 我怎么说:仅将其从添加的 li 元素中删除?


一只萌萌小番薯
浏览 115回答 1
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)原件中的 不执行任何操作)
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript