ДИВ 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> 

Проблема заключается в том, что OnClick в DIV является не работает. Когда я нажимаю на div, я иду куда-нибудь. Html.

Answer 1

У вас есть неправильные 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 и внутренние дивы не будет делать то, что Вы хотите сделать. Вы должны изменить структуру 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>