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

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

  •  -1
  • Dan.StackOverflow  · 技术社区  · 15 年前

    这可能有助于了解我来自何方。 Jquery nested each problem

    divs 到包含此代码的页面:

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

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

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

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

    以上是我个人的看法 jQuery(document).ready(function(){ }

    2 回复  |  直到 7 年前
        1
  •  1
  •   Paolo Bergantino    15 年前

    <div> 有了这个id,你就做错了。 id 属性在文档中应该(必须)是唯一的。具有一个以上具有相同元素的元素 身份证件 将使Javascript陷入混乱,因为这是不应该发生的。这相当于两个拥有相同社会保险号码的人。:)当涉及到元素组时,最常见和最好的做法是给所有元素分配一个类,并以这种方式选择它们。

    过去,你应该看看 live 函数,它可以满足您的需要。本质上,当您在文档上运行一段代码时,它是针对 现在的 居住 <部门> ,但这并不像仅仅使用 ,支持 mouseover mouseout hover .

        2
  •  0
  •   Anentropic    14 年前