問題:在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"); }); } });