在我当前的项目中,我使用 jQuery UI 的工具提示来显示附加信息。在这个项目中,我有一些表格,其中某些列的文本不适合,因此其中一部分被隐藏了。我正在考虑使用类似 jQuery 工具提示的东西,所以当用户将鼠标放在剪切单元格上时,工具提示会显示完整的文本。问题是用户无法选择文本。
有人知道是否可以配置 jQuery UI 工具提示以实现复制/剪切文本或任何其他对我有用的插件?
谢谢!
最佳答案
最后,我这样做了:
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”类赋予每个文本可能太长的单元格。我希望这对遇到同样问题的人有所帮助。
关于javascript - jQuery UI 工具提示,我可以从中复制文本吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15357594/