javascript - jQuery 附加 li 到 ul 无法点击

Question

我有following code将数据添加到无序列表。麻烦的代码如下:

$('li:not(:first-child)').click(function() {
    var clickedLi = this;
    $(this).parent().prepend(clickedLi);
    var selectedLi = $(this).text();
    alert(selectedLi);
 $(this).parent().parent().nextAll().children('ul').children().replaceWith('<li>Please select</li>');

    //ajax call
    var returnedData = "<li>Dataset1</li><li>Dataset2</li><li>Dataset3</li>";

    //populate next with returned data
    $(this).parent().parent().next().children('ul').append(returnedData);
});​

如果您单击第一个 ul 中的一个选项，数据将添加到第二个 ul。然而，这个 ul 下的列表项是不可点击的，我需要它们是这样的，这样才能继续“链”。

错误在哪里？任何帮助将非常感激。提前致谢。

Answer 1

尝试:(如果您使用 jQuery 大于 1.6.8。)

$(document).on('click','li:not(:first-child)',function() {

http://api.jquery.com/on/