No se puede hacer clic en la imagen dentro de la etiqueta de anclaje
Pregunta
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í?
Solución
¿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.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow