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

jquery ui ツールチップを少し調整することで、これを行うことができます。別の質問に対する次の回答は、この問題を解決するために起こります(私にとってはうまくいきます):

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

または、「Jquery ツール」ツールチップは、デフォルトでテキストをコピーできるツールチップを提供するプラグインです。

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

于 2013-06-20T17:41:01.977 に答える
0

ツールチップをコピーすることはできませんが、他のオプションがあります。短縮されたテキストに「onclick」または「onmouseover」を追加すると、jquery プラグインを使用してそのコピーをクリップボードに追加できます。 http://bradleysepos.com/projects/jquery/clipboard/

于 2013-03-12T09:37:13.363 に答える