迪泰奇

行业动态

$(document).ready(function() { var itemsPerPage = 8; // 每页显示的新闻条数 var $items = $('.title_question li'); // 选择所有新闻项 var numItems = $items.length; // 新闻项总数 var numPages = Math.ceil(numItems / itemsPerPage); // 计算总页数 $items.hide(); // 初始隐藏所有项 $items.slice(0, itemsPerPage).show(); // 显示第一页的项 // 创建分页按钮 for (var i = 0; i < numPages; i++) { $('' + (i + 1) + '').appendTo('#pagination'); } $('.page').first().addClass('active'); // 第一个分页按钮设为活跃状态 // 分页按钮点击事件 $('.page').click(function() { var index = $(this).index(); // 获取点击的分页按钮的索引 $items.hide(); // 隐藏所有新闻项 $items.slice(index * itemsPerPage, (index + 1) * itemsPerPage).show(); // 显示选定页的项 $('.page').removeClass('active'); // 移除其他按钮的活跃状态 $(this).addClass('active'); // 将活跃状态添加到被点击的按钮 }); });