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

Question

这可能有助于了解我的来源。 Jquery嵌套每个问题

我正在使用以下代码添加divs：

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

html只是一个包含一些文本和锚点的字符串。

我正在尝试为新的div设置动画 - 有多个div的id为#Entry。

这是我的代码：

jQuery("#Entry").hover(function(){  
    jQuery(this)
    .animate({
        width:"50%",
        fontSize: "30px",
        opacity: 0.3,
        borderwidth: "15px"
    }, 500);  
});

以上是我的jQuery(document).ready(function(){ }功能，如果重要的话。

Answer 1

首先，如果您使用该ID添加超过1 <div>，那么您做错了。 id属性应该（必须）在文档中是唯一的。拥有相同live的多个元素将使Javascript变得混乱，因为它不应该发生。这将相当于两个具有相同社会安全号码的人。 :)当涉及元素组时，常见的和最佳的做法是给它们所有的类并以这种方式选择它们。

过去，您应该查看 mouseover 功能，想。实质上，当您在文档上运行一段代码时，它正在针对文档的当前状态执行。换句话说，只有那个时间点存在的元素（与提供的选择器匹配）才会绑定到您提供的事件。创建mouseout函数是为了解决这个问题。另一个解决方案是在添加新的hover之后再次运行绑定代码，但这不像使用<=>那样干净，它支持您需要的<=>和<=>事件。做<=>。

Answer 2

live（）支持所有事件，包括最新jQuery中的自定义事件......