類事件觸發只有一個

Question

錶鏈接

<strong>1</strong> <a href ='index.cgi?reqpage=2&job_category_id=1' class='paginateAdmin' id='nonItPaginate'>nextPage</a> 

$(document).ready(function() { 
    $('.paginateAdmin').on('click', function (e) { 
     e.preventDefault(); 
     var post = $(this).attr("href"); 
     var id = $(this).attr('id'); 
     var array = post.split('?'); 
     $.post(
      'index.cgi', 
     array[1], 
     function (data, status) { 
      switch (id) { 
       case "nonItPaginate": 
        $('#nonit').html(data); 
        break; 
       case "ItPaginate": 
        $('#it').html(data); 
        break; 
       case "govtPaginate": 
        $('#govt').html(data); 
        break; 
       default: 
      } 
     }); 
    }); 
}); 

POST請求後的數據由鏈路的數據

表此鏈接

<strong>2</strong> <a href ='index.cgi?reqpage=3&job_category_id=1' class='paginateAdmin' id='nonItPaginate'>nextPage</a> 

但是當我點擊下一頁，點擊事件不起作用。如果它的工作原理，這樣我可以得到的迴應數據有數據

<strong>3</strong> <a href ='index.cgi?reqpage=4&job_category_id=1' class='paginateAdmin' id='nonItPaginate'>nextPage</a> 

的

表，但它在不觸發事件。

Answer 1

此$('.paginateAdmin').on('click', function(){})將綁定click事件僅適用於paginateAdmin類的所有現有元素。 您需要使用這樣的語法來代替：$(document).on('click', '.paginateAdmin', function(){...

Answer 2

的解決方案是

$(document).ready(function() { 

    $(document).on('click','.paginateAdmin', 
      function(e){ 
    e.preventDefault(); 
     var post = $(this).attr("href"); 
     var id=$(this).attr('id'); 
     var array = post.split('?'); 

    $.post(
     'index.cgi', 
     array[1], 
     function(data,status){ 

      switch(id) 
      { 
       case "nonItPaginate": 

        $('#nonit').html(data); 

        break; 
       case "ItPaginate": 

         $('#it').html(data); 
         break; 
       case "govtPaginate": 

        $('#govt').html(data); 
        break; 
      default: 

       } 


    }); 

    }); 
    });