Sweet Pages分頁出現問題，因爲它工作得很好，但沒有上一個/下一個按鈕來移動頁面（幻燈片）。甜蜜頁面jquery上一頁/下一頁按鈕

這裏有一個教程，我發現：http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/

我試圖讓這工作，但我想我做錯了什麼。這裏是我的方法：

$("#prev11").click(function() 
     { 
     swControls.append('<a href="" class="swShowPage">'+(i-1)+'</a>'); 
     } 
    ); 
$("#next11").click(function() 
     { 
     swControls.append('<a href="" class="swShowPage">'+(i+1)+'</a>'); 
     } 
    );

來源

2015-10-30 Maciej Swierczewski

可以共享完整的代碼？ –

這是代碼：http://jsfiddle.net/1kdpdr4L/ –

請更新HTML和CSS –

我已經更新$.sweetPage插件。

我添加了next和prev選項，表示下一個/ prev按鈕的選擇器的字符串。

所以，你需要初始化插件，如：

$('#holder').sweetPages({perPage:6, next: '#next', prev: '#prev'});

正如您在HTML看到，有兩個按鈕與ID #next和#prev。

工作原理？

$(opts.next).click(function(e) { 
    $('.swShowPage.active').next('.swShowPage').click(); 
});

$(opts.next) = $('#next')點擊我們搜索下一個點的「主動」點之後並模擬點擊。

上一個按鈕使用相同的過程。

$(opts.prev).click(function(e) { 
    $('.swShowPage.active').prev('.swShowPage').click(); 
});

在行動：https://jsfiddle.net/1kdpdr4L/3/

來源

2015-10-30 10:49:20

太棒了！這就是我一直在尋找的。 –

甜蜜頁面jquery上一頁/下一頁按鈕

回答

相關問題