0

動的リストを生成している状況があります。今、リストから各項目をクリックして、それぞれのコンテンツを表示しようとしています。コンテンツを 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;
    }
4

1 に答える 1

3

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
        });
于 2012-12-13T19:18:31.950 に答える