gpt4 book ai didi

javascript - Foundation 4 Orbit - 将我发送到页面顶部的深层​​链接

转载 作者:行者123 更新时间:2023-11-28 02:23:40 26 4
gpt4 key购买 nike

我正在尝试在我的页面中实现轨道 slider 。这对于图像和常规项目符号来说效果很好,但是当我向其中添加深层链接时,每个深层链接的 # href 都会被触发,并且我会被发送回页面顶部。我什至不知道数据轨道链路是否有效。

<div class="row">
<ul id="featuredCom" data-orbit>
<li data-orbit-slide="image-1">
<img src="images/featureimages/slide2.jpg" />
</li>
<li data-orbit-slide="image-2">
<img src="images/featureimages/slide1.jpg" />
</li>
<li data-orbit-slide="image-3">
<img src="images/featureimages/slide3.jpg" />
</li>
</ul>
</div>
<div class="row">
<ul class="inline-list">
<li><a href="#" data-orbit-link="image-1">Image One</a></li>
<li><a href="#" data-orbit-link="image-2">Image Two</a></li>
<li><a href="#" data-orbit-link="image-3">Goto Three 3</a></li>
</ul>
</div>

<script>
$(window).load(function(){
$('#featuredCom').orbit({

});
});
</script>

我没有更改 Orbit.js 文件中的任何内容,因此我看不到导致此问题的原因。来回阅读 Foundation 4 轨道文档,看看我是否遗漏了任何内容,但即使复制他们的代码,深层链接的行为方式也是相同的。任何帮助将不胜感激!

最佳答案

您可以使用 javascript: void(0);

<a href="javascript: void(0);" data-orbit-link="image-1">Image One</a>

并使用

$(document).foundation();

关于javascript - Foundation 4 Orbit - 将我发送到页面顶部的深层​​链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15280230/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com