JQUERY fadeIn - 为什么它闪烁整个 UL，而不是正在附加的 LI？
鉴于以下情况：
$("#taglist").append('<li><a href="">' + v + '</a></li>').hide().fadeIn();
为什么它会在整个标签列表 LI 列表中消失，而不是使用我想要发生的附加的新项目？
谢谢
Given the following:
$("#taglist").append('<li><a href="">' + v + '</a></li>').hide().fadeIn();
Why does it fadeIn the entire taglist LI list, and not juse the new item that was appended which is what I want to happen?
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
与大多数其他 jQuery 函数一样，
append返回调用它的原始元素。因此，您将淡出整个
。您正在寻找
appendTo：此外，您还存在通过
v变量进行的 HTML 注入漏洞。Like most other jQuery functions,
appendreturns the original element(s) that it was called on.Therefore, you're fading the entire
<ul>.You're looking for
appendTo:Also, you have an HTML injection vulnerability through the
vvariable..fadeIn() 应用于#taglist？尝试将其分成两部分，并向新的 li 添加一个类，然后执行
或者您也可以执行
您喜欢的任何操作。当然，我假设在第一个示例中您有逻辑迭代/创建新的 li，您可以在其中附加一个数字到新类以识别淡入。完成附加后，第二个示例更实用。
正如您从所有答案中看到的，jQuery 的美妙之处在于有很多方法可以实现这一点。
.fadeIn() applying to the #taglist? Try splitting it into two, and adding a class to the new li, then doing
Or you may also be able to do
Whatever you prefer. Of course I'm assuming in the first example you have logic iterating/creating the new li, where you can append a number to the new class to identify it for the fadeIn. The second example is more practical after you complete the append.
The beauty of jQuery as you can see from all the answers is there are many ways to approach this.
您的 jQuery 选择器的目标是 UL 而不是 li。尝试：
Your jQuery selector is targeting the UL and not the li. Try:
因为与 jquery 中的大多数方法一样，它返回初始对象以允许命令链接。
如果必须在一行中执行此操作，请使用
appendTo。Because as most methods in jquery, it returns the initial object to allow chaining of commands..
Use the
appendToif you have to do it in one line..这最终工作得很好。
This ended up working nicely.