1

我们动态地创建一个 html 网格。这有超过 5000 行和 10 列（这可以增长）。我们目前为每个添加一个“标题”属性以在悬停时显示工具提示。由于我们正在为所有 5000x10 单元格添加属性，因此添加所有这些属性并让 jQuery 变得不那么繁重需要一些时间。我想知道有没有更好更有效的方法来显示悬停工具提示并减少/减轻 jQuery？我不确定我们是否可以使用 delegates() 或其他选项？

function RenderGrid(colDefs,data){    
    .
    .
    var data='';
    for (var col in columnDefs) {
      data = d[colDefs[col].columnId] || '';
      rw[++i] = '<td title="' + data + '">';
      rw[++i] = data;
      rw[++i] = '</td>';
    }
    .
    .
}
4

2 回答 2

3 
$('.element-class').on('hover', function () {

//   create the tooltip element here;

});
于 2012-06-14T14:23:27.840 回答
1

无需在title属性中复制td文本或将其存储在数据中，只需在悬停时使用td文本设置title属性即可。

$('td').on('hover', function () {
    $(this).attr("title", $(this).text());
});​

这是一个jsFiddle。

于 2012-06-14T14:30:12.483 回答