1. 程式人生 > 實用技巧 >【jQuery 區別】.click()和$(document).on("click","指定的元素",function(){});的區別

【jQuery 區別】.click()和$(document).on("click","指定的元素",function(){});的區別

 1 //繫結 下一頁 的點選事件  
 2          $("a[aria-label='Next']").click(function(){  
 3              $("a[aria-label='Previous']").show();  
 4              if(page.pageNo == page.totalPage - 1){  
 5                  $("a[aria-label='Next']").hide();  
 6              }else{  
 7                  $("a[aria-label='Next']").show();  
8 } 9 page.pageNo++; 10 page.pageSet(bindData , page); 11 }); 12 13 //上面的.click()繫結點選事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的區別在於: 14 //.click只能為頁面現有的元素繫結點選事件,如果是動態生成的新的元素,是沒有事件的
15 //而$(document).on("click","指定的元素",function(){});方法則是將指定的事件繫結在document上,而新產生的元素如果符合指定的元素,那就觸發此事件 16 17 //為動態生成的 頁碼按鈕 新增 點選事件 18 $(document).on("click",".pagination li:gt(0):not(:last)",function(){ 19 page.pageNo = $(this).text(); 20 $("a[aria-label='Previous']").show();
21 $("a[aria-label='Next']").show(); 22 if(page.pageNo == "1"){ 23 $("a[aria-label='Previous']").hide(); 24 } 25 if(page.pageNo == page.totalPage){ 26 $("a[aria-label='Next']").hide(); 27 } 28 29 page.pageSet(bindData , page); 30 });

轉載於:https://blog.csdn.net/luman1991/article/details/78541594