2010-11-02 77 views
0

我有嵌套在圖像的href標記,我希望能夠停止跳回到頂部是後頁點擊。如何更改頁面上的位置停止鏈接(保持向後滾動位置)

注:

在href不回來後它激活頁面上的jQuery的事件。

<a href="#" onclick="javascript:SendPlaylist()" style="border:none;" class="addButton" ><img style="border:none;" src="/Images/icons/icon_add.gif"/></a> 

好的任何幫助非常感謝。

乾杯, 皮特

回答

3

爲什麼不只是刪除錨點和onclick事件添加到圖像

這樣的:

<img style="border:none;cursor:pointer;" src="/Images/icons/icon_add.gif" onclick="javascript:SendPlaylist()"/> 
+2

+1返回false,但你需要添加一些CSS太('光標:指針'在IMG上,例如:)) – Shikiryu 2010-11-02 15:34:40

1

在href = 「#」 使其跳到邏輯上講,爲了防止這種行爲,你應該用span或類似的東西替換'a'標籤。 onclick仍然可以工作,除非SendPlaylist跳轉到頂部,它不應該改變你的滾動位置。

0

爲什麼瀏覽器移動到頂部,是它試圖找到一個名爲「#」錨的原因。

您可以完全刪除該鏈接標記。任何元素的onclick處理程序都應該足以滿足您的需求。

2

這應該工作:

$(".addButton").click(function(event) { 
    // Do your stuff here 
    event.preventDefault(); 
}); 

希望這有助於!

1

環節之間的跳轉頁面上使用錨和或多或少停留在問題的鏈接看到anyword2

<html> 
<body> 

<a href="#top">top</a> 

<a href="#anylink">Jump to anylink</a> 

<a name="anylink">TEXT</a> 


<p> Top 

<a href="#anylink2">Jump to anylink2</a> 


<br><br><br><br><br> 
<br><br><br><br><br> 

<p> bottom 



<a href="#bottom">Jump to Bottom</a> 


<br><br><br><br><br><br><br><br> 

<a href="#anylink2">Stay at link2</a> 
<a name="anylink2">anylink 2 </a> 
<a href="#bottom">Jump to Bottom</a> 


<br><br><br><br><br<br><br<br><br 

<br><br><br><br><br<br><br<br><br<br<br><br 

<a name="bottom">You're at the bottom!</A> 

<a href="#top">Jump to top</a> 

</body> 
</html> 
+0

OP正試圖*防止*發生,而不是發生。 – 2010-11-02 16:02:39

1

這裏的合理的解決辦法是:

<a href="#" onclick="SendPlaylist(); return false;" style="border:none;" class="addButton" ><img style="border:none;" src="/Images/icons/icon_add" onclick="javascript:SendPlaylist()"/></a> 

你不使用使用onclick時的「javascript」關鍵字......您可以在HREF本身中使用它,這會生成:

<a href="javascript:SendPlaylist(); return false;"> 

...然後您可以完全刪除onclick部分。

我還沒有看到其他的onclick爲img標籤的理由,雖然 - 它可以完全被刪除,因爲它可能會從該鏈接

也重複調用,因爲你說,鏈接不回發,但使用jQuery的事件,也許增加一個「返回false」該事件將工作一樣好,在onclick

相關問題