單擊動態列表創建的項目並顯示動態內容

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 
     });