动态生成按钮事件绑定

标签：

//循环
function addList(data){
    var $ul = $(‘.list ul‘);
    for(var i= 0,l=data.length; i<l; i++){
        var tmpdata = data[i];
        var $li = $(‘<li></li>‘);
        $li.html(‘<a href="‘+tmpdata.url+‘">\
              <img src="‘+tmpdata.pic+‘" /></a>\
              <div class="list-name">\
              <span>‘+tmpdata.name+‘|</span>\
              <a href="‘+tmpdata.url+‘">详情</a> </div>\
              <div class="list-info">\
              <div>编号‘+tmpdata.code+‘</div>\
              <div>‘+tmpdata.count+‘票</div></div>\
              <div class="list-btn" data-code="‘+tmpdata.code+‘">给ta投票</div>‘);
        $ul.append($li);
    }
}

//绑定 target属性用于返回最初触发事件的DOM元素。
$(‘.list ul‘).on(‘click‘,function(event){
　　var _tag=$(event.target);
　　if(_tag.hasClass(‘list-btn‘)){
　　　　//执行。。。
　　}
})

动态生成按钮事件绑定

标签：

原文地址：http://www.cnblogs.com/opcec/p/5484991.html