var li =
    "
" +
    "" +
       // 縮略圖 點擊部分 index='" + i + "'
       "" +
         "" +
         "" +
       "" +
       // video信息部分， 修改名稱 刪除
       "" + video['name'] + "" +
       "" +
         "" + record +
         "" +
       "" +
    "" +
    "
";

$("#CameraUl").append(li);

公司主營業(yè)務(wù)：做網(wǎng)站、網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出清澗免費做網(wǎng)站回饋大家。

如上，動態(tài)添加html元素后，響應(yīng)事件的添加方法：

$("#InnerMainId #CameraUl").unbind('click').on('click', 'li>a>span', function() {
    var type = $(this).attr('type');
    if (type == "play") {
        var index = $(this).attr('index');
        // TODO
    } else if (type == "edit") {// 修改
        // TODO
    } else {// 刪除
        // TODO
    }
    event.stopImmediatePropagation();
});

 這樣可以為li中的各個元素添加不同的屬性。而如下的分各個元素的添加點擊事件的做法，會發(fā)生覆蓋，即只能響應(yīng)最后一個事件：

$(document).unbind('click').on('click', '.CameraImg', function(event) {
    // TODO 
});

$(document).unbind('click').on('click', '.VideoName', function(event) {
    // TODO
});

$(document).unbind('click').on('click', '.DeleteVideo', function(event) {
    // TODO 
});

即只有類名為DeleteVideo的元素的點擊事件 可以響應(yīng)。