3

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

有人知道是否可以配置 jQuery UI 工具提示以使复制/剪切文本或任何其他对我有用的插件成为可能？

谢谢！

4

3 回答 3

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”类赋予每个文本可能太长的单元格。我希望这可以帮助任何有同样问题的人。

于 2013-03-12T10:41:07.800 回答
0

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

于 2013-03-12T09:37:13.363 回答
0

您可以使用 jquery ui 工具提示执行此操作，并稍作调整。以下对另一个问题的回答恰好解决了这个问题（对我有用）：

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

或者，“Jquery Tools”工具提示是一个插件，它提供了一个工具提示，默认情况下可以复制其文本：

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

于 2013-06-20T17:41:01.977 回答