Dieser Code nur drei Artikel zum Zeitpunkt zeigen, und zeigen nächsten drei Elemente, wenn klickte auf Weiter.
var currentPage = 0;
var pages = 5;
var itemsPerPage = 3;
var $submitButton = $("button[type=submit]");
$("li h3").each(function(i, e){
$(e).text((i + 1) + ") " + $(e).text());
});
$("#next").click(function() {
$("li")
//.css("background", "#FFF")
.hide();
for(i = 1; i <= itemsPerPage; i++) {
$("li:nth-child(" + ((currentPage * itemsPerPage) + i) + ")")
//.css("background" , "red")
.show();
}
if(currentPage == pages - 1) {
$submitButton.show();
} else {
$submitButton.hide();
}
if(currentPage < pages - 1) {
currentPage += 1;
} else {
currentPage = 0;
}
});
$("#next").click();
Example on CodePen
Wie wollen Sie die Menge von 3 Fragen zu machen - durch eine 'next' Schaltfläche klicken, oder mit' paging'? –
Klicken Sie auf Weiter. es wäre toll, wenn Sie mir mit einem Beispielcode helfen würden. –