如何使用jquery在单元格悬停上显示工具提示

时间:2012-10-29 07:22:12

标签: jquery

see in jsfiddle 在鼠标悬停的单元格上,我必须使用jquery

在工具提示中显示名称 像这样 约翰 固定

 <td class="csstdRed" valign="top"><span id=32>John</span></td>

1 个答案:

答案 0 :(得分:0)

我编辑了你的JFiddle代码。这是我添加的内容

$('#tableAppointment td[title]')
    .hover(function() {
        showTooltip($(this));
    }, function() {
        hideTooltip();
    })
;

function showTooltip($el) {
    // insert code here to position your tooltip element (which i'll call $tip)
    $tip.html($el.attr('title'));
}
function hideTooltip() {
    $tip.hide();
}

然后将标题添加到td

<td class="csstdRed" title="John Fixed" valign="top"><span id=32>John</span></td>

希望这会对你有所帮助。我从How to add a Tooltip to a "td" with jquery?得到了这个想法。我想这就是你想要的。

谢谢..