0

我正在尝试在 jQuery 中设计一个分页系统。我坚持的一点是，当我点击不同的页码链接时，我希望它将“活动”类移动到新点击的页面。

在示例页面中，“1”具有活动类。当我单击“2”时，我希望活动类移动到“2”并从“1”中删除。

http://jsfiddle.net/qKyNL/24/

$('a').click(function(event){
    event.preventDefault();
    var number = $(this).attr('href');
    $.ajax({
        url: "/ajax_json_echo/",
        type: "GET",
        dataType: "json",
        timeout: 5000,
        beforeSend: function () {
            $('#content').fadeTo(500, 0.5);
        },
        success: function (data, textStatus) {
            // TO DO: Load in new content
            $('html, body').animate({
                scrollTop: '0px'
            }, 300);
            // TO DO: Change URL
            // TO DO: Set number as active class
        },
        error: function (x, t, m) {
            if (t === "timeout") {
                alert("Request timeout");
            } else {
                alert('Request error');
            }
        },
        complete: function () {
            $('#content').fadeTo(500, 1);
        }
    });    
});

我对 jQuery 很陌生，可以提供一些帮助。谁能给我一些关于如何做到这一点的指导？

4

2 回答 2

1

你可以在这里检查addClass方法和方法在这里removeClass

于 2013-08-31T22:19:16.040 回答
0

删除当前活动的 li 并将活动类添加到您单击的类。在单击事件处理程序中添加这两行

$('#pagination li.active').removeClass("active");
$(this).parent().addClass("active");
于 2013-08-31T22:40:36.280 回答