앵커 태그 내부 이미지를 클릭 할 수 없습니다

Question

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

제대로 렌더링됩니다. 그러나 (MyObject) Container.Dataitem) .ImagesRC가 제공 한 이미지를 클릭하려고하면 아무 일도 일어나지 않습니다. 페이지 내 다른 곳을 클릭하면 링크가 제대로 작동합니다. 여기서 무슨 일이 일어나고 있습니까?

Answer 1

이미지를 만들거나 클릭 할 수없는 이유는 무엇입니까?

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

비 의미적인 요소를 피하십시오 (span, div, b, i, blink) HTML을 만들 때.