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

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

1 个答案: