Question

我正在尝试创建一个捕获的点击事件：

当前页面＃是什么（基于当前班级）
下一页是什么（我可以使用next（））

此外，我正在尝试根据您所在的页面添加/删除我的“已选择”类。

如果您在第2页上，则第2页上的“已选择”类 - 一旦您点击第3页，该课程便会被删除，然后会添加到第3页。

有什么想法吗？以下是我正在使用的代码：

 $('#pagination .page').live("click",function(event) {
    event.preventDefault();
    $(this).removeClass("selected");

    cur_page = $(this).html() // grab the current page
    $(this).addClass("selected");
    var page_offset = offset * cur_page; // find the page offset

    console.log(page_offset);
    displayCards();

    $.get('ajax/test.html', function(data) {
        $('.result').html(data);
    });

});

Answer 1

如果我理解正确的话就是删除那些无效的旧选项。如果是这样，这应该有所帮

$('#pagination .page').live("click",function(event) {
    event.preventDefault();
    $('#pagination .page.selected').removeClass("selected");

    cur_page = $(this).html() // grab the current page
    $(this).addClass("selected");
    var page_offset = offset * cur_page; // find the page offset

    console.log(page_offset);
    displayCards();

    $.get('ajax/test.html', function(data) {
        $('.result').html(data);
    });

});

Answer 2

这些实施良好的解决方案应该能够帮助您..

http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm

http://demo.tutorialzine.com/2010/05/sweet-pages-jquery-pagination-solution/demo.html

添加/删除类 - 自定义分页

2 个答案: