我正在制作一個包含產品列表的頁面（使用ajax加載），但我只想顯示6個產品/頁面，但我不知道如何做到這一點，我找不到任何實現我想要的東西的例子。因此，例如，如果我有20個產品，我想在第一頁顯示6個，在第二頁顯示6個，..等到最后一頁的最后一個產品（頁面始終相同，只有產品更改）。所以在頁面的末尾，我必須有第1-n頁 有人可以幫助我嗎？這是加載產品的js，并在另一個下面顯示它們：$(document).ready(function () { $.ajax({ type: "GET", url: "json/projects.json", dataType: "json", success: function (data) { showInfo(data); }, });});function showInfo(data) { var htmlString = ""; if (data.length == 0) { htmlString = "<span id = " + "message>" + "Non è stato trovato alcun progetto" + "</span>"; $("#list").append(htmlString); } else { //altrimenti stampo data for (i = 0; i < data.length; i++) { //scorro tutto il mio file json htmlString = "<div class = " + "project id = " + data[i].id + ">" + "<div class =" + "row-list>" + "<div class = " + "title>" + data[i].title + "</div>" + "<div class = " + "info>" + "<img src = " + "img/user.png>" + data[i].username + "</div>" + "<div class = " + "info>" + "<img src = " + "img/budget.png>" + data[i].budget + "</div>" + "<div class = " + "info>" + "<img src = " + "img/data.png>" + data[i].data + "</div>" + "<div class = " + "flag>" + data[i].flag + "</div>" + "</div>"; // collego al div #list le informazioni $("#list").append(htmlString); } // aggiungo l'handler per visualizzare i dettagli quando un progetto viene cliccato $(".project").click(function () { window.location.href = "details.php?id=" + $(this).attr("id"); }); }}
在Jquery中創建包含多個頁面的列表
喵喔喔
2022-08-04 16:13:52
