gpt4 book ai didi

asp.net - 超链接区域在 Internet Explorer 中不可点击

转载 作者:太空宇宙 更新时间:2023-11-03 20:58:06 26 4
gpt4 key购买 nike

在下面的示例中,在 Internet Explorer 中无法单击“测试”一词,即使将鼠标悬停在页面底部时链接 URL 出现在页面底部,并且链接的区域在可怕的 IE 调试工具(F12)中准确显示).这在所有其他浏览器中都可以正常工作(当然)。

<a href="/"><table><tr><td>Test</td></tr></table></a>

我知道在超链接标记中嵌套表格在技术上是无效的,但它确实是完成我想要完成的任务的唯一实用方法,看看它在所有浏览器中的工作情况,有没有办法得到它在 IE 中工作?

到目前为止,我已经尝试为表格和链接提供高度、宽度以及内联 block 的显示属性。没有一个有效。谢谢。

最佳答案

您说“看看它在所有浏览器中如何正常工作”——但事实并非如此。在某些浏览器中实际发生的是它们正在努力使其工作。

改为做这样的事情:

<table onclick="location.href='/'" style="cursor: hand;">
<tr><td>Test</td></tr>
</table>

也是一种 hack,但更有效。

更新

如果您对爬虫有顾虑,有两种可能的方法。一种是在后面添加一个链接,比如:

<table onclick="location.href='/'" style="cursor: hand;">
<tr><td>Test</td></tr>
</table>
<a href="/" style="display:none;">Test</a>

您还可以使用 <link> <head> 中的标签文档的内容,例如:

<link href="/" rel="section" />

或任何链接 rel type有道理。

此外,根据规范,您问题中的 HTML 结构是无效的。就可靠和 future 的工作而言,您的代码不合格。更注重标准编写的代码将更可靠地工作。

另一个更新

鉴于您的评论,假设标记如下,我将如何构建它:

<table class="dataTable">
<tr>
<td><img></td>
<td>Description</td>
<td><a href="/" class="details">Details</a></td>
</tr>
</table>

您的详细信息链接代表您正在使用的链接,所以我要做的是添加这段 JavaScript(使用 jQuery,但可以为您当前使用的任何库重写:

<script>
jQuery(function($){
$('table.dataTable').delegate('td', 'click', function(){
$(this).find('a.details').trigger('click');
});
});
</script>

关于asp.net - 超链接区域在 Internet Explorer 中不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7638656/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com