当前位置:  开发笔记 > 编程语言 > 正文

HTML表格行链接

如何解决《HTML表格行链接》经验,为你挑选了2个好方法。

将一行HTML表格作为链接的最佳方法是什么?我目前正在使用jquery对斑马条纹行进行突出显示onmouseover/off选定行,所以如果JavaScript是答案,请使用jquery.



1> Nick Van Bru..:

我只是用css:


Linky1 Data1
Linky2 Data2


迄今为止的最佳解决方 浏览器仍然将此视为链接,因此"在标签中打开"或"复制链接"将起作用.其他解决方案打破了我的浏览器 JQuery解决方案可以通过DOM操作自动执行上述操作.
我遇到了这个解决方案的问题.如果其中一个表格单元格包含足够的内容来包裹线条,则相邻单元格的高度将不会拉伸到整个高度.您是否找到了此案例的解决方法?
这种方法的问题在于你有很多链接,所以如果有人通过tab键/屏幕阅读器等导航内容,他们必须跳过很多链接才能进入下一个链接.
Bravo使可点击的东西成为一个实际的链接.更好的是,使href在禁用javascript时起作用.如果选项卡是一个问题,请将行上的所有锚点设置为tabIndex = -1

2> hunter..:
$(document).ready(function(){
   $("tr").click(function(){
      /* personally I would throw a url attribute () on the tr and pull it off on click */
      window.location = $(this).attr("url");

   });
});


好的,那很好,但是如何在新窗口中打开它?好像它将是一个 ...也是这样(只有当你点击它才会通过推荐者字符串...与js onclick - 没有. ..
你可以使用`window.open`
推荐阅读
重庆制造漫画社
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有