单击动态列表创建的项目并显示动态内容

Question

我有一种情况，即生成动态列表。现在我试图点击列表中的每个项目并显示每个项目的内容。我知道我可以使用另一个阵列，我可以将内容存储为div，然后指定要显示的位置。只是不知道如何写它。这是我到目前为止

<ul id="list"> 
<!--- List items will be added dynamically. ---> 
</ul> 

$(InitPage); 

    function InitPage() { 

     var jList = $("#list"); 

     var arrValues = ['<div id="one"></div>', '<div id="two"></div>', '<div id="three"></div>']; 

     $.each(
     arrValues, 

     function (intIndex, objValue) { 

      jList.append(
      $('<li class="thumbItem">' + objValue + "</li>")); 
     }); 
    } 

css-- 
li.thumbItem{ 
     float:left; 
     width:192px; 
     height:192px; 
     background:gray; 
     margin:10px 10px 0 0; 
     cursor:pointer; 
    } 

Answer 1

为什么不使用委派？

$(function(){  
    $('#list').on('click','li',function(){ 
     //do stuff here 
    }); 
}); 

的jQuery 1.4，使用.live（）：

$('#list li').live('click', function(){ 
      //do stuff here 
     });