同时设置：关注轮播和物品的变化答案

【问题标题】：Setting at the same time: focus to carousel and change of item同时设置：关注轮播和物品的变化
【发布时间】：2019-01-05 18:50:31
【问题描述】：

我正在使用 hugo 框架的轮播小部件，但这可能是一个非常基本的 html 问题。我想要文本中的超链接做两件事：更改轮播小部件的项目并关注它。

我当前的代码如下所示：

<a href="#hero_carousel" data-target="#hero_carousel" data-slide-to="2">linked phrase</a>

这现在成功地将轮播的项目更改为所需的项目。但它并不专注于轮播。

另一方面，我可以像这样专注于轮播，但轮播的项目当然不会改变：

<a href="#hero_carousel">linked phrase</a>

那么我怎样才能将两者结合起来呢？我还尝试将 data-target 和 data-slide 属性包含在 a-tag 周围的 li-tag 中，这确实触发了 item 的更改，但也忽略了 href。

我也尝试了 a-tag 中的 span-tag 也没有成功。

也许我需要用 javascript 做点什么？我试过了，但不太了解javascript。

提前谢谢你！

【问题讨论】：

标签： javascript html widget carousel

【解决方案1】：

好的，毕竟我解决了如下问题。我创建了一个滚动到轮播的javascript。实际上，我还构建了一个按钮来连接该 javascript。在一个表格中，我创建了包含属性 data-slide-to 的单元格。

<th data-target="#hero_carousel" data-slide-to="4">
<button type="button" style="width:100%" onclick="document.getElementById('screen_focus').scrollIntoView({
  behavior: 'smooth'});">Daten sammeln</button></th>

【讨论】：