1

jQuery UI を使用して、さまざまな属性からコンテンツを取得する複数のツールヒントをページに表示しています。

クラスに応じて、各ツールチップのソースとなるオブジェクトを定義するオブジェクトが作成されています。

何かのようなもの：

var tooltipparam = [{"class":".one","source":"alt"}, {"class":".two","source":"title"},{"class":".three","source":"alt"}];

次に、次のようにツールチップを作成するループを実行しています。

for (var key in tooltipparam) {

    var source = tooltipparam[key]['source'];
    $(tooltipparam[key]['class']).tooltip({
            content: function () { return $(this).attr(source) }
        });
}

ただし、ツールリップはパラメーター オブジェクトの最新の設定を使用して作成されています。この場合、alt 属性 ({"class":".three","source":"alt"}) をフェッチし、すべてのツールチップを次のように作成します。

私は何が欠けていますか？

ここにjsfiddleがあります：

http://jsfiddle.net/cmoreira/vqRH5/

ご協力ありがとうございました！

4

1 に答える 1