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:
            }
        });
    });
});

在发布请求后，数据由链接

组成

此链接的数据表

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

                 }


    });

    });
     });

类事件只触发一个

2 个答案: