相关疑难解决方法(0)

我有一个很大的HTML表(2000多行),我注意到我使用的悬停似乎没有响应(需要大约1秒触发).

#songs tbody tr:hover td { color: #1abc9c; }

我需要在DOM中加载所有元素的表.它们本身不一定是可见的,因此延迟加载是一种选择,但是当用户向下滚动很多时,他仍然会遇到问题.

有没有办法优化HTML(表格),我应该注意什么？

编辑

我决定在其他浏览器中试用它,Firefox似乎根本没有任何问题,IE10也没有.所以这是我在Chrome中唯一的问题.

<tr data-playlist="/edm" data-filename="Chuckie - Together (Original Mix).mp3" class="song match">
    <td>Together (Original Mix)</td>
    <td>Chuckie</td>
</tr>

另请注意,它不是关于页面加载,而是在一秒钟内加载.问题是.song:hoverChrome中的CSS .

编辑2:使用Chrome开发人员工具进行性能测试

所以我决定看一下Developer工具来调试这个问题."个人档案"选项卡没有让我更进一步,但是当我尝试时间轴事件时,我发现当我将鼠标悬停在一行上时会发生以下情况:

我最近一直在使用具有大量(数百)行的表来开发应用程序.这些行包含表格数据,每行包含两个下拉列表以及直接在其下方显示隐藏表格行的链接.

我正在尝试从下拉列表中选择一个值,并在显示隐藏的表格行时遇到长时间的延迟.

桌子是我问题的根源吗？