javascript - 使用JQuery点击类 ".x"的div时触发事件

Question

JS:

$(".x").click(function()
    {
        alert("hello");
        return false;
    });


$("#otherdiv").html("<div class='x'>Drag and drop values on the right to create a pivot table.</div><br />");

CSS:

div.x
{
    background-color: white; 
    border: dotted 1px; 
    cursor: pointer;
    width: auto;
    float: left;
    position: absolute;
    top: 15%;
    left: 10%;
    padding: 10px;
}

当我单击类为“x”的 div 时，没有任何反应。

Answer 1

您不能使用 click 附加事件处理程序，因为你的 <div>是动态添加的。 click方法仅适用于现有元素。你必须使用 live ^{[ API Ref ]} 或 delegate ^{[ API Ref ]} 而不是。

---

更新:来自 jQuery 的 live文档:

As of jQuery 1.7, the .live() method is deprecated. Use .on()^{[API Ref]} to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().