jQuery:live() 和 delegate()

Question

我将单击事件绑定(bind)到 div 元素，该元素是在单击按钮后创建的。我正在使用 .live() 并且这是有效的。我听说我不应该使用 .live，而应该使用 .delegate()。所以我尝试过，但它不起作用，但 .live 可以工作。

我的工作 jQuery:

$(".myDiv").live("click",function () {
    var Pos = $(this).offset();
    $("#Container").css("left", Pos.left).css("top", Pos.top);
});

不工作的 jQuery:

$(".myDiv").delegate("div","click",function () {
    var Pos = $(this).offset();
    $("#Container").css("left", Pos.left).css("top", Pos.top);
});

我的 div 的 HTML

<div class="myDiv"></div>

谁能告诉我，为什么 delegate 不为我工作？

Answer 1

从 1.7 开始，.live() 已被弃用，.delegate() 已被 .on() 取代。

$("body").on("click","div.myDiv",function () { 
    var Pos = $(this).offset(); 
    $("#Container").css("left", Pos.left).css("top", Pos.top); 
});

.on() 现在是 super 绑定(bind)器;)

尝试绑定(bind)到最接近目标的东西，该目标肯定会包含它，最好是带有 ID 的东西:

<div id="mainContent">
    <div class="myDiv"></div><!-- Dynamically created div -->
</div>

这里的一个很好的目标是#mainContent

$("#mainContent").on("click","div.myDiv",function () { 
    var Pos = $(this).offset(); 
    $("#Container").css("left", Pos.left).css("top", Pos.top); 
});