禁用锚点跳转

我正在制作Winston Wolf的交互式地图。我有一个世界地图，每个大陆都可点击并显示该大陆的国家。当我点击一个非洲大陆时，该页面跳转到非洲国家（如您所期望的那样）。我的问题是，我能阻止它跳跃吗？这是因为国家列表直接位于地图下方，因此当您点击大陆时隐藏地图（由于页面跳转到锚点ID）。我的代码如下：禁用锚点跳转

<ul id="continents"> 
<li id="c1"><a href="#africa">Africa</a></li> 
</ul> 

<ul id="africa"> 
<a href="countrymapiframe.asp" target="_self" title=""><li>Egypt</li></a> 
    <!--more countries--> 
</ul>

我试过onclick =“返回false”，没有运气，任何帮助将不胜感激。

来源

2012-01-06 Hatzi

你想要什么，当他们点击非洲发生的呢？没有？ – 2012-01-06 14:00:11

@詹姆斯希尔 - 与平常一样，但没有页面移动，非洲国家是隐藏的，直到你点击非洲。 – Hatzi 2012-01-06 14:03:05

您可能需要发布一些在单击链接时也运行的JavaScript。看看e.preventDefault和e.stopPropagation，或者在你的javascript点击处理程序结束时返回false。 – Tank 2012-01-06 16:56:05

是的你可以用javascript。这样做的一个简单的方法是添加return false; onclick事件到锚

<a href="countrymapiframe.asp" target="_self" title="" onclick="return false;">

，但它通常是最好不要使用内联onclick属性。我建议使用javascript循环播放锚点并在该循环中分配一个侦听器。

来源

2012-01-06 14:00:29

你可以试试这个代码

<a href="javascript:void(0);" target="_self"> Test </a>

来源

2017-08-03 12:35:11

禁用锚点跳转

回答

相关问题