0

私はJavaScriptアプリケーションを書いていますが、素晴らしいライブラリqtip2を見つけました。私の目標は、ユーザーがテーブルの各セルにマウスを合わせると、異なる情報が表示されることです。上記のライブラリは、小さなポップアップウィンドウに情報を表示する役割を果たします。ただし、この関数を他のセルに設定して、各セルにカーソルを合わせたときに特定のコンテンツを表示する方法がわかりません。誰かが私がそれをどのように達成できるか考えていますか？

function showInfo()
    {
            $('#demo-mouse').qtip({
                content : 'I position myself at the current mouse position',
                position : {
                    my : 'top left',
                    target : 'mouse',
                    viewport : $(window),       //keep it on-screen at all time if possible
                    adjust : {
                        x : 10, y : 10
                    }
                },
                hide : {
                    fixed : true                // Helps to prevent the tooltip from hiding occassionaly when tracking!
                },
                style : 'ui-tooltip-shadow'
        });
    }
4

1 に答える 1

1

拡張contentプロパティを使用して、ヒントを表示する要素でクラスを使用できます。

$('.selector').qtip({
    content: {
        text: function(api) {
            // Retrieve content from custom attribute of the $('.selector') elements.
            return $(this).attr('data-tip');
        }
    }
});
于 2012-07-05T23:17:05.597 に答える