No se puede hacer clic en la imagen dentro de la etiqueta de anclaje

Question

Tengo el siguiente 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>

Se procesa correctamente. Sin embargo, cuando intento hacer clic en la imagen proporcionada por ((MyObject) Container.DataItem) .ImageSrc, no sucede nada. Si hago clic en cualquier otro lugar dentro de la página, los enlaces funcionan bien. ¿Qué está pasando aquí?

Answer 1

¿Por qué no haces clic en tu imagen o div?

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

Intente evitar elementos no semánticos ( span , div , b , i , parpadeo ) al hacer tu html.