為什么當onClick鏈接起作用時，href鏈接不能起作用？

Question

在這里的jquery滑塊中，我試圖將圖像包裝在帶有href鏈接的標簽中。 他們沒有反應。 但是，onclick =“ javascript：self.location.href ='http：//hodaradesign.com/';返回false;” 工作正常。 這是為什么？

不起作用：

<a href="hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>

作品：

<img id="book3" class="book" src="book3.png" onclick="javascript:self.location.href='http://hodaradesign.com/'; return false;" />

現場演示：

http://www.freewaycreative.com/jsfun/fiddle.html

有任何想法嗎？

Answer 1

好吧，這看起來有點像意大利面條代碼。

您不需要onclick事件中的javascript:處理程序，因為它已經是javascript事件。 此外，如果啟用並正確執行了javascript，則onclick事件中的return false將阻止鏈接被跟蹤。

像這樣的聲音或其他監聽器可能是您的問題。

Answer 2

您在<img>標記而不是<a>標記上指定了href屬性。

它應該是：

<a href="http://hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>

如果在onlckick事件處理程序中返回false，則將阻止執行該事件。 在這種情況下，打開鏈接。

Answer 3

由於您的滑塊不了解或不在意<a...> ...>元素，因此僅查看設置為book元素！

嘗試這個：

<a class="book" href="http://hodaradesign.com">
  <img id="book2" src="book2.png" />
</a>