jquery如何实现点击按钮弹窗加载tab数据，每个tab滚动到底部进行ajax翻页？
问题：
点击不同分类标签加载对应分类数据，但每个分类滚动加载下一页数据时，仍然会加载上一个已点击分类的内容。
原因：
在监听滚动事件时，没有针对不同的分类标签分别处理，导致所有分类都加载同一分类的下一页数据。
解决方案：
使用全局变量跟踪当前选中的分类ID，并在监听滚动事件时，判断当前滚动的是哪个分类标签，从而针对性地加载对应分类的下一页数据。
代码示例：
// 当前选中的分类IDlet currentCategoryId = 0;$(document).on('click', '.btn', function() { currentCategoryId = $(this).data('id'); loadCategoryData(currentCategoryId, 1);});$('.tab_p p').click(function() { currentCategoryId = $(this).data('id'); loadCategoryData(currentCategoryId, 1);});function loadCategoryData(categoryId, page) { // ... 其他代码 // 监听滚动事件 $('.tab_item').scroll(function() { if ($(this).scrollTop() + $(this).height() >= $('.tab_item')[0].scrollHeight) { // 滚动到底部时加载下一页数据 currentPage++; if (currentPage <= totalPages) { loadPageData(currentCategoryId, currentPage); } } });}
登录后复制
以上就是JQuery 点击按钮弹窗加载TAB数据，如何避免每个TAB滚动加载下一页时混淆分类？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2802992.html
