100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jquery ajax添加ul li jQuery.ajax动态添加标签无法被获取到

jquery ajax添加ul li jQuery.ajax动态添加标签无法被获取到

时间:2022-04-24 15:31:02

相关推荐

jquery ajax添加ul li jQuery.ajax动态添加标签无法被获取到

问题:在ajax中获取数据后为页面动态添加

标签,点击标签时,无法执行jQuery的onClick方法

原因:添加

标签的方法在ajax方法内部,而jQuery的onClick方法在ajax方法的外部。

解决办法:将添加

标签的方法和onClick方法同时放在ajax的内部或外部

$.ajax({

url:"/",

type:"POST",

dataType:"json",

success:function(data){

var resultData = data;

/*遍历预定信息*/

var venueInfo="";

$.each(resultData.resultData.venueList,function (i,item) {

venueInfo+="

"+item.venue_no+"号场";

for(var i=startTime;i<=endTime;i++){

if(i==10){

venueInfo+="

";

$(".fulled").attr("disabled","disabled");

}else{

venueInfo+="

";

}

}

venueInfo+="

";

});

$("#venueInfo").html(venueInfo);

/*在ajax内部为li标签绑定click事件*/

$(".right_wrap ul li").on("click",function(){

$(this).toggleClass("seled");

});

}

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。