我用桌子设置了
fiddle.
你看,我试图创建一个用户将悬停的表,然后单击td以显示id.检查小提琴,你会明白.@H_404_3@
现在,当用户悬停Parent4时,您可能会注意到桌面上没有文本的空间,用户无法单击它,因此Child4不会出现….@H_404_3@
现在,有没有什么方法可以让空间没有可点击的文字,所以它显示了child4?@H_404_3@
我试过了@H_404_3@
<td ahref="#child4"> but didn't work...
////?编辑因为它有点令人困惑……@H_404_3@
我需要你去看小提琴.
您可以看到Parent4的单元格大于文本.因此,当用户在单元格上悬停时我希望文本更改颜色,并且如果用户单击单元格也要更改颜色单元格Child4将不会出现因为单元格不可点击,所以我的问题是,如何使单元格可单击显示Child4?@H_404_3@
UPD:@H_404_3@
我没有更新小提琴,但它现在是最新的.@H_404_3@
解决方法
href属性是为
anchor elements (
<a/>
)设计的.“ahref”因为你放的应该是< a href =“”>. a是它自己的元素,而不是HTML属性,而href是它接受的属性.
要使td可点击的文本,您可以简单地在其中放置一个锚:@H_404_3@
<td> <a href="#child4">My clickable text</a> </td>
编辑:要解决此问题,现在已添加问题,只需添加以下CSS:@H_404_3@
td a { display:block; width:100%; }
这样做是将锚标记显示为块,允许我们调整宽度,然后将宽度设置为100%,允许它填充剩余空间.@H_404_3@
Working JSFiddle.@H_404_3@