div onclick里面的锚标签

时间:2012-02-18 14:54:26

标签: javascript html onclick anchor

我有这样的代码:

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

2 个答案:

答案 0 :(得分:3)

你在链接中包含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结构。

答案 1 :(得分:0)

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