div onclick里面的锚标签

Question

我有这样的代码：

<a href="somewhere.html">
<img src="blabla">
<div class="wrap">
    <div id="id1" onclick="window.location = 'somepage1.html';"></div>
    <div id="id2" onclick="window.location = 'somepage2.html';"></div>
<div>
</a>

问题是div的onclick无效。当我点击div时，我去了somewhere.html。

Answer 1

你在链接中包含div的错误html结构（除非使用html5）：

<a href="somewhere.html">
<img src="blabla">
<div class="wrap">
    <div id="id1" onclick="window.location = 'somepage1.html';"></div>
    <div id="id2" onclick="window.location = 'somepage2.html';"</div>
<div>
</a>

当您点击时，您将始终转到顶部somewhere.html的链接，内部div将无法执行您想要执行的操作。你应该修改你的html结构。

Answer 2

<a href="somewhere.html" onclick = "return false;">
<img src="blabla">
<div class="wrap">
  <div id="id1" onclick="window.location = 'somepage1.html';"></div>
  <div id="id2" onclick="window.location = 'somepage2.html';"</div>
<div>
</a>