2013-03-28 168 views
1

表链接类事件触发只有一个

<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> 

表,但它在不触发事件。

+0

可以编辑这个添加您的HTML? – Cristiano

+1

你错过了从底部开始的第三行关闭'}',它应该是'});',但它现在是');' – mattytommo

+0

是否动态添加类paginateAdmin'? –

回答

0

$('.paginateAdmin').on('click', function(){})将绑定click事件仅适用于paginateAdmin类的所有现有元素。 您需要使用这样的语法来代替:$(document).on('click', '.paginateAdmin', function(){...

+0

Thanks.it的作品.... – pavan

0

的解决方案是

$(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: 

       } 


    }); 

    }); 
    });