Question

我正在尝试将锚点链接到同一页面中的div。我做了以下事情：

<a class="chev" href="#yes"> 
       <span class="glyphicon glyphicon-chevron-down"></span>
</a>
...
..
..

<div id="yes"> some content </div>

然而，当点击链接时，页面不会将我带到div。这是我从控制台获得的错误消息：

未捕获错误：[$ location：ihshprfx]无效的网址＆＃34;主机名/＃是＆＃34;，缺少哈希前缀＆＃34;＃！＆＃34;。

我确实看过其他一些解决方案，但没有一个能够解决问题。

任何想法？

Answer 1

我认为问题在于，由于你是在Angular控制器中执行此操作，因此Angular认为#yes锚指的是特定路径，不是只是页面中的一个普通旧锚。

如果我没记错的话，在链接上指定target="_self"会告诉Angular不要管它，它就像任何普通的链接一样。

试试这个：

<a class="chev" href="#yes" target="_self"> 
       <span class="glyphicon glyphicon-chevron-down"></span>
</a>
...
..
..

<div id="yes"> some content </div>

此处提供更多信息：http://eli.eliandlyndi.com/2013/08/26/navigate-urls-angular-application-target_self/

Answer 2

在我看来，你正在倒退。我很确定你只能跳转到其他锚标签。尝试将div更改为锚点，或在其上方放置锚点。

<a class="chev" href="#yes"> 
   <span class="glyphicon glyphicon-chevron-down"></span>
</a>
...
..
..
<a id='yes'></a>
<div> some content </div>

锚标记href没有与div id链接

2 个答案: