.on（）不适用于动态元素吗？

Question

我的code：

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“克隆”在example div内之后，处理程序不会被触发。为什么呢？

Answer 1

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

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

#example作为.pulsante的父元素。

DEMO： http://jsfiddle.net/arEWv/