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

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

Why not use delegation?

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

For jquery 1.4, use .live():

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