jQuery UI工具提示，我可以从它复制文本

Question

在我当前的项目中，我使用jQuery UI的工具提示来显示附加信息。在这个项目中，我有一些表，其中一些列的文本不适合，所以它们的一部分是隐藏的。我在考虑使用jQuery工具提示之类的东西，这样当用户将鼠标放在剪切单元格上时，工具提示就会显示完整的文本。问题是用户无法选择文本。

有人知道如果它可能配置jQuery UI工具提示，使可能复制/剪切文本或任何其他插件，可能对我有用吗?

谢谢!

Answer 1

最后，我这样做了:

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 '设置为文本过长的每个单元格。我希望这对有同样问题的人有所帮助。

Answer 2

您不能复制工具提示，但您有其他选择。如果你添加"onclick"或"onmouseover"的缩短文本，你可以添加复制到剪贴板与jquery插件。http://bradleysepos.com/projects/jquery/clipboard/

Answer 3

您可以使用jquery ui工具提示完成此操作，只需稍作调整。下面这个不同问题的答案恰好解决了这个问题(对我有用):

https://stackoverflow.com/a/15014759/867704

或者，"Jquery Tools"工具提示是一个插件，它提供了一个工具提示，其文本可以默认复制:

http://jquerytools.org/documentation/tooltip/