javascript - テーブルのさまざまなセルのツールチップ

Question

テーブルのさまざまなセルにツールチップを表示する必要があります。

基本的に私が欲しいのは、そのセルの上にツールチップの新しいレイヤーです。セルがどこにでもあることが必要です。

テーブルの最後の列にツールチップを適用する jQuery ライブラリを見たことがありますが、これは機能しません。そのため、ツールチップはテーブルの中央または最後に表示されます。

誰でも私が使用できるjQueryライブラリを提案してもらえますか? それともJavaScriptの方法ですか？

Answer 1

こんにちは、これはあなたがデモ を探しているものですhttp://jsfiddle.net/UXR8u/

ツールチッププラグインもありますが、見ることもできます。http://docs.jquery.com/Plugins/Tooltip リンクが役立つ場合があります: (ツールチップと qtip のデモが含まれています) jquery ツールチップ / マウス移動による移動 / マウス位置によるツールチップ

jqueryコード

$(function () {
    $(".test").hover(
        function () {
            var toolTipHtml = $("#ToolTipDIv").clone();
            $(this).append(toolTipHtml);
            toolTipHtml.show("slow");
        },
        function () {
            var toolTipHtml = $(this).find(".tooltip");
            toolTipHtml.hide();
            toolTipHtml.remove();
        }
    );
});

​

Answer 2

qTip2 プラグインを使用できます。

http://craigsworks.com/projects/qtip2/