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

Question

在 jsfiddle 中看到在 单元格的鼠标悬停时，我必须使用 jquery 在工具提示中显示名称

像这样约翰固定

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

Answer 1

我已经编辑了你的 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? 我想这就是你想要的。

谢谢..