如何在响应式下拉菜单中制作链接到href的特定字母或锚标记的一部分

问题描述 投票:0回答:1

我是网络开发的新手,我正在用Jekyll创建一个响应式下拉导航栏,我跟着qazxsw poi这个精彩的教程。

问题是Tanias教程中没有href,因此当您单击某个项目时,您不会被重定向到特定页面。这当然不是问题,因为你可以插入自己的hrefs。

但我在下拉菜单中遇到了一个具体问题。由于当您单击它们时所有下拉菜单都会打开,您还会自动点击href,这会将您带到特定页面,即使您只是想查看下拉项目。我知道我可以停止使用href并且没有问题,但我希望有可能实际点击“服务”或“投资组合”并进入列出这些项目的页面。 Tania将这个小的Unicode箭头作为指示,您可以单击该链接打开下拉列表(它位于SCSS中)。

我制作了自己的Tania Rascia,你可以看到我的问题。如果您点击下拉菜单“服务”或“投资组合”,您将被重定向到wikipedia.org,而不是看到下拉项目。

codepen

有可能我只在单击单词本身时打开href(例如“服务”),否则如果我点击周围的背景或小箭头我打开下拉菜单?如果不可能解决这个问题的常用方法是哪种?

html html5
1个回答
0
投票

问题是js显示下拉和重定向,你所要做的就是添加一个html标签并通过它重定向。

这是您需要修改<a href="https://www.wikipedia.org">Services</a> 的codepen

https://codepen.io/anon/pen/NJrZwE
© www.soinside.com 2019 - 2024. All rights reserved.