jQuery.ajax动态添加标签无法被获取到
博客专区 > bithup 的博客 > 博客详情
jQuery.ajax动态添加标签无法被获取到
bithup 发表于7个月前
jQuery.ajax动态添加标签无法被获取到
  • 发表于 7个月前
  • 阅读 71
  • 收藏 1
  • 点赞 0
  • 评论 0

问题:在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");
        });
    }
});

 

共有 人打赏支持
粉丝 8
博文 66
码字总数 55555
×
bithup
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: