Impossible de cliquer sur l'image dans la balise d'ancrage

Question

J'ai le code HTML suivant:

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

Le rendu est correct. Cependant, lorsque j'essaie de cliquer sur l'image fournie par ((MyObject) Container.DataItem) .ImageSrc, rien ne se passe. Si je clique n'importe où ailleurs dans la page, les liens fonctionnent bien. Que se passe-t-il ici?

Answer 1

Pourquoi ne rendez-vous pas votre image ou div cliquable?

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

Essayez d'éviter les éléments non sémantiques ( span , div , b , i , clignotant ) lors de la création de votre code HTML.