javascript - 如何在 jQuery serialScroll 实例中引用“活动”项？

Question

我正在为与幻灯片放映非常相似的摄影师编写功能。我决定使用 jQuery serialScroll 插件（它搭载在 scrollTo 插件上）来实现这种效果。我的代码基于serialScroll 演示页面上的幻灯片，这几乎正是我正在寻找的功能。

我已经让代码成功运行，但我想再实现一个效果。如果可能的话，我希望幻灯片中的项目（在我的情况下是<li>元素）默认为半透明，只有当前（或“活动”或“选定”）项目以 100% 不透明度显示。

我可以使用 CSS 轻松控制透明度，但我很难跟踪 serialScroll 动画到的最后一个项目。如何通过 jQuery 与当前“活动”项目进行交互，以便给它一个类或执行其他操作？

score 1 · Accepted Answer

你可以通过不同的方式做到这一点，你可以为你的<li>标签添加一个属性，或者你可以使用这样的类：

<ul>
<li class="active">test1</li>
<li>test2</li>
<li>test3</li>
</ul>

并且使用 jQuery 中的此代码，您可以更改活动元素。

$('ul li').click( function () {
$(this).parent().children().removeClass('active');
$(this).addClass('active');
});

有了这个，你可以抓住活跃的

$('ul li.active').html()

1 回答 1