为什么在onClick链接上没有href链接工作？

Question

在我的jquery滑块中，我试图用href链接将图像包装在标签中。他们没有反应。但是，onclick =“javascript：self.location.href ='http：//hodaradesign.com/'; return 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>标记上指定了href属性，而不是<a>标记。

它应该是：

<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>