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工具”工具提示是一个插件，提供工具提示，默认情况下可以复制文本：

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

jQuery UI工具提示，我可以从中复制文本吗？

3 个答案: