当前位置:  开发笔记 > 编程语言 > 正文

如何使用jquery将工具提示添加到"td"?

如何解决《如何使用jquery将工具提示添加到"td"?》经验,为你挑选了2个好方法。

我需要使用jquery为我的表中的"td"元素添加工具提示/ alt.

有人可以帮我吗?

我试过了:

var tTip ="Hello world";
$(this).attr("onmouseover", tip(tTip));

我已经确认我使用"td"作为"这个".

**编辑:**我可以通过使用"alert"命令捕获"td"元素并且它可以工作.所以由于某种原因,"提示"功能不起作用.谁知道为什么会这样?



1> nickf..:
$(this).mouseover(function() {
    tip(tTip);
});

更好的方法可能是title在HTML中放置属性.这样,如果有人关闭了javascript,他们仍然会得到一个工具提示(尽管不像jQuery那样漂亮/灵活).

Cell 1 Cell 2

然后使用此代码:

$('#myTable 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();
}



2> John Boker..:

你可能想看看http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

推荐阅读
无名有名我无名_593
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有