-3

私はこのhtmlを持っています：

<div class="task" id="1">
   Item1
</div>
<div class="task" id="2">
   Item2
</div>
<div class="task" id="3">
   Item3
</div>

そしてJavaScriptはサブアイテムをロードします。静的アイテムをクリックすると、機能しています。しかし、ロードされたサブアイテムをクリックしても、それらのサブサブアイテムはロードされません。

これを示すためにテストページを作成しました：http：//helloworld.dimkos.ru/

このコード：

$(document).ready(function() {
$('.task').on('click', function(e){
    e.stopPropagation();
    var id = $(this).prop('id');
    var task = $(this);
    $.ajax({
        url: "./sub.php?sub=" + id,
        success: function(html) {
            $(task).append(html);
        }
    });
    return false;
});});

./sub.php?sub=1親がIDを持つサブアイテムを追加動的に追加されたサブアイテムをクリックしても機能しません。

$（'。task'）。live（ "click"、function（e）で解決

4

1 に答える 1

1

このようにコードを変更して、もう一度テストします。

$('.task').click(function(e){
    e.stopPropagation();
    var id = $(this).prop('id');
    alert(id);
});​

最初と2番目のケースが機能しているかどうかを確認してください。FIDDLE :)

于 2012-12-23T16:41:52.237 に答える