问题:在ajax中获取数据后为页面动态添加<li>标签,点击<li>标签时,无法执行jQuery的onClick方法
原因:添加<li>标签的方法在ajax方法内部,而jQuery的onClick方法在ajax方法的外部。
解决办法:将添加<li>标签的方法和onClick方法同时放在ajax的内部或外部
$.ajax({
url:"/",
type:"POST",
dataType:"json",
success:function(data){
var resultData = data;
/*遍历预定信息*/
var venueInfo="";
$.each(resultData.resultData.venueList,function (i,item) {
venueInfo+="<ul class='swiper-slide'> <li class='site_num'>"+item.venue_no+"号场</li>";
for(var i=startTime;i<=endTime;i++){
if(i==10){
venueInfo+="<li class='fulled'></li>";
$(".fulled").attr("disabled","disabled");
}else{
venueInfo+="<li></li>";
}
}
venueInfo+="</ul>";
});
$("#venueInfo").html(venueInfo);
/*在ajax内部为li标签绑定click事件*/
$(".right_wrap ul li").on("click",function(){
$(this).toggleClass("seled");
});
}
});