Impossível clique na imagem dentro tag âncora

Question

Eu tenho o seguinte html:

<a href="javascript:<%# 'js code' %>" class="MyClass">
<div class="HeaderRow" style="vertical-align:middle;text-align:left;height:35px;width:998px;">
<b style="vertical-align:middle;"><%# ((MyObject)Container.DataItem).Name %></b>: <%# ((MyObject)Container.DataItem).ImageSrc%>
</div>
<p style="margin-left:10px;"><%# ((MyObject)Container.DataItem).Notes%></p>
</a>

Ele processa corretamente. No entanto, quando eu tento clique na imagem fornecida pelo ((MyObject) Container.DataItem) .ImageSrc, nada acontece. Se eu clicar em qualquer outro lugar dentro da página, os links funciona bem. O que está acontecendo aqui?

Answer 1

Por que você não fazer a sua imagem ou div clicável?

<div class="HeaderRow" 
     style="vertical-align:middle;text-align:left;height:35px;width:998px;" 
     onclick="<%# 'js code' %>">
    <p style="vertical-align:middle;">
        <strong><%# ((MyObject)Container.DataItem).Name %>:</strong>
        <%# ((MyObject)Container.DataItem).ImageSrc%>
    </p>
</div>
<p style="margin-left:10px;">
    <%# ((MyObject)Container.DataItem).Notes%>
</p>

Tente evitar elementos não semânticos (span, div, b, i, blink) ao fazer sua html.