在我当前的项目中,我使用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‘类。我希望这能帮助任何有同样问题的人。
https://stackoverflow.com/questions/15357594
复制相似问题