在我当前的项目中,我使用jQuery UI的工具提示来显示其他信息。在这个项目中,我有一些表,其中一些列的文本不适合,所以它们的一部分是隐藏的。我在考虑使用类似jQuery的工具提示,这样当用户将鼠标放在剪切的单元格上时,工具提示就会显示完整的文本。问题是用户无法选择文本。
有人知道是否可以配置jQuery UI工具提示,使复制/剪切文本或任何其他可能对我有用的插件?
谢谢!
发布于 2013-03-12 18:41:08
最后,我这样做了:
CSS
.overflow_hidden_cell{
overflow: hidden;
white-space: nowrap;
}
.overflow_hidden_cell_hover{
overflow: visible;
width: 300px;
position: absolute;
-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.7);
-moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.7);
box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.7);
}JS
function setOverflowCells(){
$('.overflow_hidden_cell').bind('mouseover', function(){
$(this).addClass('overflow_hidden_cell_hover');
}).bind('mouseleave', function(){
$(this).removeClass('overflow_hidden_cell_hover');
});
}我给每个可能包含过长文本的单元格都设置了'.overflow_hidden_cell‘类。我希望这能帮助任何有同样问题的人。
发布于 2013-03-12 17:37:13
您不能复制工具提示,但您有其他选项。如果您添加"onclick“或"onmouseover”到缩短的文本,您可以添加副本到剪贴板的jquery插件。http://bradleysepos.com/projects/jquery/clipboard/
发布于 2013-06-21 01:41:02
您可以使用jquery ui工具提示完成此操作,只需稍作调整。下面对另一个问题的回答恰好解决了这个问题(适用于我):
https://stackoverflow.com/a/15014759/867704
或者,"Jquery Tools“工具提示是一个插件,它提供了一个默认情况下可以复制其文本的工具提示:
http://jquerytools.org/documentation/tooltip/
https://stackoverflow.com/questions/15357594
复制相似问题