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

Question

我试图创建将捕获点击事件：

• 当前页面＃是（基于当前类）什么
• 下一页将是什么（我可以使用下一步（））

此外，我想让我的“选择”类添加/删除基于您所在的页面。

如果你是第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

如果我正确understod你这是删除旧的选定项目不工作。如果是这样应该有所帮助。

$('#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