jquery - .on() 不适用于动态元素？

Question

我的代码：

HTML

<div id="box">
    <div class="mappa-infobox">
        <div class="pulsanti">
            <span class="pulsante selected">YES</span>
            <span class="pulsante">NO</span>
        </div>
    </div>
</div>

<div id="example"></div>

jQuery

$(".mappa-infobox .pulsante").on("click", function () {
    console.log("ciao");
});

$(window).load(function () {
    $('#example').html($('#box').html());
});

似乎，在加载文档并mappa-infobox在 div 内“克隆”之后example，处理程序不会被触发。为什么？

Answer 1

您应该on()以委托事件方式使用：

$("#example").on("click", ".pulsante", function () {
    console.log("ciao");
});

Where#example作为.pulsante.

演示：http: //jsfiddle.net/arEWv/