jquery 类事件只激发一个

sshcrbum  于 2022-11-03  发布在  jQuery
关注(0)|答案(2)|浏览(233)

数据表及其链接:

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

但当我点击nextPage时,click事件不起作用。如果它起作用,那么我可以得到的响应数据有:
数据表

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

但它没有触发事件。

8zzbczxx

8zzbczxx1#

$('.paginateAdmin').on('click', function(){})将仅为所有具有paginateAdmin类的现有元素绑定click事件。您需要改用以下语法:$(document).on('click', '.paginateAdmin', function(){...

6uxekuva

6uxekuva2#

解决方案是

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

                 }

    });

    });
     });

相关问题