【jQuery 區別】.click()和$(document).on("click","指定的元素",function(){});的區別
阿新 • • 發佈:2019-01-30
//繫結 下一頁 的點選事件 $("a[aria-label='Next']").click(function(){ $("a[aria-label='Previous']").show(); if(page.pageNo == page.totalPage - 1){ $("a[aria-label='Next']").hide(); }else{ $("a[aria-label='Next']").show(); } page.pageNo++; page.pageSet(bindData , page); }); //上面的.click()繫結點選事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的區別在於: //.click只能為頁面現有的元素繫結點選事件,如果是動態生成的新的元素,是沒有事件的 //而$(document).on("click","指定的元素",function(){});方法則是將指定的事件繫結在document上,而新產生的元素如果符合指定的元素,那就觸發此事件 //為動態生成的 頁碼按鈕 新增 點選事件 $(document).on("click",".pagination li:gt(0):not(:last)",function(){ page.pageNo = $(this).text(); $("a[aria-label='Previous']").show(); $("a[aria-label='Next']").show(); if(page.pageNo == "1"){ $("a[aria-label='Previous']").hide(); } if(page.pageNo == page.totalPage){ $("a[aria-label='Next']").hide(); } page.pageSet(bindData , page); });