Question

我正在使用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中，这确实触发了项的更改，但也忽略了href。

我也尝试了a标签内的span标签，也没有成功。

也许我需要对javascript做些什么？我试过了，但是对JavaScript的了解不是很好。

提前谢谢！

Answer 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>

同时设置：专注于轮播和项目更改

1 个答案: