添加/刪除類 - 自定義分頁

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