Jquery 如何设置多个动态生成的DOM元素的动画？

这可能有助于了解我来自何方。

我正在使用此代码向页面添加

divs

：

jQuery("#list").append(
    jQuery("<div>")
        .attr("id", "Entry")
        .html(html)
);

---

上面是我的

jQuery（document）.ready（function（）{}

函数，如果这很重要的话。

首先，如果您使用该id添加了1个以上的

，那么您就做错了。

id

属性应该（必须）在文档中必须是唯一的。如果有多个元素具有相同的

id

，则会使Javascript失控，因为这是不应该发生的。这将相当于两个具有相同社会保险号的人。：）当涉及到元素组时，最常见和最好的做法是给所有元素分配一个类，并以这种方式选择它们

---

除此之外，您还应该研究函数，它满足您的需求。本质上，当您在文档上运行一段代码时，它是针对文档的当前状态执行的。换句话说，只有在该时间点存在的元素（与提供的选择器匹配）才会绑定到您提供的事件。创建

live

功能是为了解决这个问题。另一种解决方案是在添加新的

后再次运行绑定代码，但这并不像只使用

live

那样干净，后者支持

mouseover

和

mouseout

事件，您需要执行

悬停
live（）支持所有事件，包括最新jQuery中的自定义事件…
因此live不支持悬停。它确实支持mouseover，mouseout。然而，我的div中有一个锚点，所以当我沿着锚点移动时，它会记录一个冒泡的鼠标悬停事件，所以我得到一个可笑的闪烁。似乎很多人都陷入了谷歌搜索的困境，live不支持hover、mouseenter或mouseleave，所以我们只剩下mouseover，但这就是问题所在。嗯。那样的话，就照我说的做吧；在添加div之后运行代码。
jQuery("#Entry").hover(function(){  
    jQuery(this)
    .animate({
        width:"50%",
        fontSize: "30px",
        opacity: 0.3,
        borderwidth: "15px"
    }, 500);  
});