禁用錨點跳轉

我正在製作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

禁用錨點跳轉

回答

相關問題