在AJAX分页问题中添加“活动”类

Question

我在点击页码时尝试添加活动类，但是当ajax调用加载页面时，类会消失。

我尝试了很多方法来修复它，但我不能这样做

如何解决此问题？

 function loadData(page)
        {
            $('.loading-info').show();
            if (typeof page === 'undefined') {
                page = ''
            } else{
                page = '&page='+page
            }
            $.ajax
            ({
                type: "POST",
                url: "../inc/ajax/ajax_view/user_assgined_view_hi.php",
                data: "page="+page,
                success: function(msg)
                {
                    $("#results").html(msg);
                    $('.loading-info').hide();

                }
            });
        }


            $(document).on('click','.paging',function(e){
            var page = ($(this).attr("id"));
            loadData(page);
                if ($(this).hasClass('active')) {
                    $(this).removeClass('active');
                } else {
                    $(this).addClass('active');
                }
        });

Answer 1

试试吧！

$(".paging").on("click", function(){
    var page = $(this).attr("id");
    $('.loading-info').show();

    if (typeof page === 'undefined') {
        page = '';
    } else {
        page = '&page=' + page
    }

    $.ajax({
        type: "POST",
        url: "../inc/ajax/ajax_view/user_assgined_view_hi.php",
        data: "page=" + page,
        success: function(msg){
            $("#results").html(msg);
            $('.loading-info').hide();
        }
    });

    $(this).toggleClass("active");
});