我正在开展一个项目，该项目涉及创建一个动态搜索栏，搜索学生列表并动态分页结果（每页10名学生）：
https://github.com/KyleVassella/Dynamic-Paginated-Search/tree/page-button-animation-broken
我成功地动态返回匹配的学生，并根据结果的数量动态追加正确数量的页面按钮。
我的最后一个要求是在页面之间转换时包含一个简单的动画。我坚持这个。
当你第一次加载页面时，你会发现搜索功能正常工作 - 甚至点击分页按钮也可以像它那样动画。但是一旦按下其中一个分页按钮，搜索功能就会中断（尝试在更改页面后搜索内容）。它仍然返回正确匹配的学生数组（请参阅console.log和附加的页码），但有些结果似乎是不可见的。
我认为问题在于第50行的showArray2（）函数（包含我的动画）或者我在第97行的$（document）.on（click）函数中调用了这个函数的事实 - 不确定
也许我需要采用另一种方式，例如附加CSS类 - 但我仍然无法弄清楚如何应用某种不透明度变化fadeout / fadein就像我想要的那种方法。你能用我现在的jQuery .animate（）策略来解决这个问题，如果没有，那么不同的方式（CSS类等）呢？
答案 0 :(得分：1)
从结构的角度来看，我认为这个问题与您依赖单个allstudents学生变量有关。
每个搜索都需要被视为一个独立的集合，从所有学生的真实原始集合中提取。
话虽如此，我相信您在分页后搜索时正在搜索整个集合，但您需要在新搜索开始时重置整个原始学生集合的可见性状态。
您的搜索返回正确的结果并将其写入页面，但他们没有重置其可见性，因此这就是他们没有出现的原因。
...也是你的git repo，因为它目前的结构不起作用;）