javascript - jQuery UI 工具提示,我可以从中复制文本吗?

标签 javascript jquery jquery-ui

在我当前的项目中,我使用 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/

相关文章:

javascript - 输入动态更改时不会触发 onChange 事件

jQuery ui droppable 不触发

JQuery 全局 isAnimating 检查与 Selenium 一起使用 (2)

c# - 遍历通过 JQUERY 作为数组传入的对象并使用 c# webmethod 获取数据

jquery ui Button() 不是一个函数

javascript - 使用php和mysql的ajax搜索功能

javascript - 将没有键的值推送到 javascript 数组

javascript - 使用 "canvas.toblob()!"后文件名发生变化

javascript - 在选择合并框上

javascript - Jquery:无法在 iframe 中找到元素