1

私のコード:

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、ハンドラーが起動されないようです。なんで？

4

1 に答える 1

3

on()委任イベントの方法で使用する必要があります。

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

Where#exampleは の親要素として機能し.pulsanteます。

デモ: http://jsfiddle.net/arEWv/

于 2012-10-23T10:00:53.810 に答える