代码之家 › 专栏 › 技术社区 › Dan.StackOverflow

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

hover animation dynamic jquery

-1

Dan.StackOverflow · 技术社区 · 17 年前

divs 转到具有此代码的页面:

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

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

#Entry .

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

以上是我的 jQuery(document).ready(function(){ }

2 回复 | 直到 9 年前

1

Paolo Bergantino 17 年前

首先,如果你要添加超过1个 <div> 有了那个id,你做错了。 id ID 这将使Javascript失控,因为这是不应该发生的。这相当于两个人拥有相同的社会保障号码。当涉及到一组元素时,常见的最佳实践是给它们一个类,并以此方式选择它们。

live 功能,它做你想做的事。本质上,当你在文档上运行一段代码时,它是针对 当前的 文件的状态。换句话说,只有在那个时间点存在的元素(与提供的选择器匹配)才会绑定到您提供的事件。这 生活 创建函数是为了解决这个问题。另一种解决方案是在添加新代码后再次运行绑定代码 <div> 生活 mouseover 和 mouseout 你需要做的事情 hover .

2

0

Anentropic 16 年前

live()支持所有事件,包括最新jQuery中的自定义事件。..