Impossibile fare clic sull'immagine all'interno del tag di ancoraggio

Question

Ho il seguente 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>

Viene visualizzato correttamente. Tuttavia, quando provo a fare clic sull'immagine fornita da ((MyObject) Container.DataItem) .ImageSrc, non succede nulla. Se faccio clic in qualsiasi altra parte della pagina, i collegamenti funzionano correttamente. Cosa sta succedendo qui?

Answer 1

Perché non fai clic sulla tua immagine 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>

Cerca di evitare elementi non semantici ( span , div , b , i , lampeggio ) quando crei il tuo html.