题
我有以下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,没有任何反应。如果我点击页面中的其他地方,链接工作正常。这里发生了什么?
解决方案
你为什么不使你的图像或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>
尽量避免非语义元素(span
,div
,b
,i
,blink
)使你的HTML时。
不隶属于 StackOverflow