无法单击锚标记内的图像

时间:2009-09-18 14:21:09

标签: html anchor

我有以下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提供的图像时,没有任何反应。如果我点击页面中的任何其他位置,链接工作正常。这里发生了什么?

1 个答案:

答案 0 :(得分:0)

为什么不让你的图像或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>

在制作HTML时,尽量避免使用非语义元素(spandivbiblink)。