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

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

//繫結 下一頁 的點選事件  
         $("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);  
         });