jQuery onclick没有被触发

Question

我在我的网页上有一个列表。当有人点击列表项目时，应执行一些JavaScript。例如警报。我得到一个几乎空白页这方面的工作，例如看到这个代码：

<ul class="uniquelist"> 
     <li id="1">clickable 1</li> 
     <li id="2">clickable 2</li> 
     <li id="3">clickable 3</li> 
     <li id="4">clickable 4</li> 
     <li id="5">clickable 5</li> 
    </ul> 

    $(document).ready(function(){ 
    $('.uniquelist li').click(function(){ 
     var id = $(this).attr('id'); 
     alert(id); 
    }); 
    }); 

http://jsfiddle.net/6Wafk/1/

如果我把这段代码中有很多更多的代码我的“完整”的网页，这是行不通的了。在这里发布所有的代码是有点多，所以我希望有人有我需要看的地方的一些线索。

该列表的类别是非常独特的，没有其他具有相同类别的元素。

编辑： 该页面在页面加载后加载。这是我的自动完成的输出！

Answer 1

如果你的页面加载后加入列表中，您需要使用on()：

$(document).ready(function(){ 
    $('body').on('click', '.uniquelist li', function(){ 
    var id = $(this).attr('id'); 
    alert(id); 
    }); 
}); 

body任何方兴未艾的选择也许交换本网页上加载时 - 你选择的选择越近，越少的DOM遍历jQuery将不得不这样做。