我有一個用于將分頁應(yīng)用于一系列類的jquery腳本。大多數(shù)情況下,一切正常,除了我有一個嵌套函數(shù)(showPage),該函數(shù)僅應(yīng)應(yīng)用于當(dāng)前類,而應(yīng)在所有類中使用元素,并將操作應(yīng)用于最后一項。已經(jīng)嘗試過切換到for循環(huán)而不是切換到each循環(huán),但是提供了相似的功能,但存在相同的問題。$(document).ready(function() { var lists = document.getElementsByClassName('content_display'); listSize = 5; var fourWide = window.matchMedia("(max-width: 800px)"); var threeWide = window.matchMedia("(max-width: 600px)") if (fourWide.matches) { // Screen is less than 800px listSize = 4; } if (fourWide.matches) { // Screen is less than 600px listSize = 3; } $(lists).each(function() { var contentCount = $(this).find('ul li').length var pageCount = contentCount / listSize; if (contentCount < listSize) $(this).find(".content_more").hide() var $e = $(this) var $f = $(this).find('.content_item') for (var i = 0; i < pageCount; i++) { $(this).find(".pagination").append('<a href="#">' + (i + 1) + '</a> '); } $(this).find(".pagination a").first().addClass("active") showPage = function(page) { $f.hide(); $f.each(function(n) { if (n >= listSize * (page - 1) && n < listSize * page) $(this).show(); }); } showPage(1); $(this).find(".pagination a").click(function() { $e.find(".pagination a").removeClass("active"); $(this).addClass("active"); showPage(parseInt($(this).text())) }); });})
嵌套在each()中的函數(shù),該函數(shù)應(yīng)用于所有元素,而不是單個元素
慕容3067478
2021-05-14 15:08:01