jQuery.ajax動態添加標籤沒法被獲取到

問題:在ajax中獲取數據後爲頁面動態添加<li>標籤,點擊<li>標籤時,沒法執行jQuery的onClick方法javascript

緣由:添加<li>標籤的方法在ajax方法內部,而jQuery的onClick方法在ajax方法的外部。html

 

解決辦法:將添加<li>標籤的方法和onClick方法同時放在ajax的內部或外部java

$.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");
        });
    }
});
相關文章
相關標籤/搜索