当鼠标悬停在表格标题上时,工具提示宽度将被隐藏
tooltip width is hidden when mouse over on table header
我有一个场景可以在鼠标悬停时显示工具提示,它运行良好,但在表头隐藏了工具提示宽度。下面的代码导致了这个问题,但我不应该删除那个代码,请建议如何增强编写的css代码,使工具提示完全显示出来。带代码的完整工作样本:http://jsfiddle.net/8WKTj/41/
$(document).ready(function () {
gridviewScroll();
});
function gridviewScroll() {
gridView1 = $('#GridView1').gridviewScroll({
width: 1545,
height: 500,
railcolor: "#F0F0F0",
barcolor: "#CDCDCD",
barhovercolor: "#606060",
freezesize: 3, // no of columns to lock on the left
arrowsize: 30,
headerrowcount: 1,
railsize: 16,
barsize: 8
});
}
PS:如果我从jsp文件中删除了上面提到的代码,工具提示可以正常工作,但我不应该删除那个代码。谢谢
在函数调用之前初始化悬停效果。请参阅JSFIDDLE
$(document).ready(function () {
$("span.question").hover(function () {
$(this).append('<div class="tooltip"><p>Text goes here....</p></div>');
}, function () {
$("div.tooltip").remove();
});
gridviewScroll();
});
如果有帮助,可以试试这个:http://goo.gl/mDN4CR
您也可以通过JS 更改工具提示文本
相关文章:
- 如何防止高图工具提示弹出隐藏,在图形区域或浏览器窗口上调整大小
- 如果md工具提示中为空,则隐藏工具提示
- 是否可以使用 pointFormatter完全隐藏工具提示
- 防止在工具提示外部单击时隐藏/关闭剑道工具提示
- 避免工具提示在鼠标悬停时隐藏
- 隐藏 x 轴标签,但在图表.js中显示工具提示
- 高图表工具提示溢出处于隐藏状态
- q提示 2 - 鼠标按下以显示工具提示?鼠标向上隐藏
- 工具提示单击以隐藏
- 隐藏的“选择”元素上的工具提示不起作用
- 悬停时隐藏工具提示
- 如何根据选择隐藏谷歌图表工具提示操作
- 如何在鼠标移动时隐藏jQueryUI工具提示
- 工具提示定位和隐藏工具提示在鼠标移出后立即
- Javascript InfoVis Spacetree-动态隐藏/显示工具提示
- 如何在ie10和ie11中隐藏浏览器默认工具提示
- 一段时间后隐藏工具提示
- 三秒后隐藏引导工具提示
- 引导工具提示隐藏选择器/切换元素
- 工具提示隐藏/显示在引导中不起作用