为什么 ta href 链接不起作用,而 onClick 链接却起作用?

发布于 2024-10-20 08:39:07 字数 634 浏览 0 评论 0原文

在我的 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

有什么想法吗?

In my jquery slider here, I am trying to wrap the images in tags with href links. They are unresponsive. However, onclick="javascript:self.location.href='http://hodaradesign.com/'; return false;" works fine. Why is that?

Doesn't work:

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

Works:

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

Live demo:

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

Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

醉酒的小男人 2024-10-27 08:39:07

因为您的滑块不知道也不关心 元素,所以它只查看类设置为 book 的元素!

试试这个:

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

Because your slider doesn't know or care about the <a...> element, it's only looking at elements with the class set to book!

Try this:

<a class="book" href="http://hodaradesign.com">
  <img id="book2" src="book2.png" />
</a>
不乱于心 2024-10-27 08:39:07

这看起来有点像意大利面条代码。

您不需要 onclick 事件中的 javascript: 处理程序,因为它已经是一个 javascript 事件。此外,如果启用并正确执行了 javascript,onclick 事件中的 return false 将阻止链接被跟踪。

像这样的东西或其他一些听众可能是你的问题。

well this looks somewhat like spaghetti code.

you dont need the javascript: handler in an onclick event as its already a javascript event. furthermore the return false in the onclick event will prevent the link from beeing followed if javascript is enabled and executed correctly.

something like this or some other listener is probably your problem.

不美如何 2024-10-27 08:39:07

您在 标记而不是 标记上指定了 href 属性。

它应该是:

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

如果您在 onlckick 事件处理程序中返回 false,则事件 es bing 将被阻止执行。在这种情况下打开链接。

you specified the href attribute on the <img> tag instead of the <a> tag.

it should be:

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

if you return false in a onlckick event handler, the event es bing prevented from being executed. in this case opening the link.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文