无法单击锚标记内的图像

发布于 2024-08-04 16:46:27 字数 595 浏览 5 评论 0原文

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

原文

I have the following 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>

It renders properly. However, when I try to click on the image provided by ((MyObject)Container.DataItem).ImageSrc, nothing happens. If I click anywhere else within the page, the links works fine. What's happening here?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

倦话 2024-08-11 16:46:27

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

Why don't you make your image or div clickable?

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

Try to avoid non semantic elements (span, div, b, i, blink) when making your html.

回复收藏 0 原文

~没有更多了~