滚动浏览列表元素不会在第一次点击时开始

Scrolling through list elements doesn't start on first click

本文关键字:开始 第一次 浏览 列表元素 滚动      更新时间:2023-09-26

我正在编写一个脚本,该脚本将通过单击"上一个"和"下一个"链接来滚动列表元素。当用户第一次单击"下一步"按钮时,他们必须单击两次才能显示第二个列表元素。"上一个"链接工作得很好,但是如何将我的脚本修复到用户只需单击一次"下一步"按钮的位置?

http://jsfiddle.net/S79qp/290/

默认情况下,只需将active放在第一个元素上即可。

<li class="first active none">Ferrari</li>
问题是在

第一次单击"下一步"时,类.active没有元素,因此$('.active')不会找到任何东西,$('.active').next().length将为 0,因此第一个元素将被赋予类.active

该解决方案将类.active添加到最初显示的第一个元素,这将使类.first过时:http://jsfiddle.net/hx4AD/