首页 > 其他 > 详细

动态生成按钮事件绑定

时间:2016-05-13 08:04:37      阅读:212      评论:0      收藏:0      [点我收藏+]
//循环
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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!