javascript - F单击嵌套项不起作用

Question

我有这个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 append subitems which parent has id 点击动态添加的子项不起作用。

用 $('.task').live("click", function(e) 解决

Answer 1

像这样修改你的代码并再次测试它：

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

看看第一种和第二种情况是否有效，FIDDLE :)