0

このjsFiddleを見てください。クリックに基づいて、追加されたクラスが div に追加されます。クラスに基づいてクリックして応答を得ようとしています。あなたの助けは大歓迎です!

jQuery(document).ready(function () {

    var count = 0;
    $("#more_time").click(function () {
        count += 1;

        $("#list_times").append($("#more_time").text() + " - <span id='remove_" + count + "' class='remove' style='cursor:pointer; '>(remove)</span><br>");
    });

    $(".remove").on("click", function () {
        alert("Hello");
    });

});

html

<div id="more_time">Weekdays 7:00am - 9:00am - More Time</div>
<br>
<br>
<div id="list_times"></div>
4

2 に答える 2

2

イベント委任があなたの友人のようです。

イベントをクラスにバインドする代わりに

$('.remove').on('click', function {  // some code});

イベントを静的な親に委任する

$('#list_times').on('click', '.remove', function {  // some code});

働くフィドル

于 2013-06-21T05:19:23.560 に答える
0

.removeバインディング コードを委任された構文に変更する

$("#list_times").on("click", '.remove', function () {
    alert("Hello");
});

http://jsfiddle.net/gaby/J8KDv/6/のデモ

于 2013-06-21T05:24:20.940 に答える