动态生成按钮事件绑定

//循环
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')){
    //执行。。。
  }
})
posted @ 2016-05-12 11:27  11个条子  阅读(262)  评论(0编辑  收藏  举报