Nicht imstande, auf das Bild innerhalb Anker-Tag zu klicken

Question

Ich habe folgende 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>

Es macht richtig. Aber wenn ich versuche, auf dem Bild von ((MyObject) Container.DataItem) .ImageSrc zur Verfügung gestellt klicken, passiert nichts. Wenn ich irgendwo anders innerhalb der Seite klicken, funktionieren die Links in Ordnung. Was passiert hier?

Answer 1

Warum nicht Sie machen Ihr Bild oder div klickbare?

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

Versuchen Sie nicht semantische Elemente (span, div, b, i, blink) zu vermeiden, wenn Ihre HTML zu machen.