Question

我是ajax和javascript的新手，如果点击按钮，怎么能给class ='active'。

这是我的代码：

$(document).ready(function(){
    load_data();
        function load_data(pages)
        {
            var id=<?php echo $id; ?>;
            $.ajax({
                url:"includes/komentar-ajax.php?id="+id,
                method:"POST",
                data:{page:pages},
                success:function(data){
                    $('#pagination_data').html(data);
                }
            })
        }

        $(document).on('click','.page-link', function(){
            if ($(this).hasClass('active')) {
                $(this).removeClass('active');
            } else {
                $(this).addClass('active');
            }
            var pages = $(this).attr("id");
            load_data(pages);
        });
});

Answer 1

在您的ajax成功功能中，设置$（＆＃39;＃pagination_data＆＃39;）html后，您可以设置您的活动状态。

首先从所有.page-link按钮中删除活动类，然后将类激活设置为您想要的类。

您的代码如下所示：

   $.ajax({
            url:"includes/komentar-ajax.php?id="+id,
            method:"POST",
            data:{page:pages},
            success:function(data){
                $('#pagination_data').html(data);
                // remove active class from other buttons
                $('.page-link').removeClass("active");
                // add active class to your button 
                $("#"+id).closest(".page-item").addClass('active');
            }
        })

请注意，将页面作为.page-link按钮的ID传递可能会导致重复的ID，并且事情将停止工作。我建议你使用数据属性在你的html元素中存储这种信息。

AJAX分页中的“活动”类无法正常工作

1 个答案: