1

json ファイルから読み込まれたコンテンツを含むツールチップを表示したいと考えています。tooltipsyプラグインを使用しています。

ツールチップが情報を表示する必要がある要素には、番号付きの REL が与えられます。

<span class="question hastip" rel="1">

この番号は、json オブジェクトの要素を表します

{
"users" : [ 
    {
        "name"   : "John",
        "functie" : "Frontend webdev"
    },
    {
        "name"   : "Doe", 
        "functie" : "backend webdev"
    }
]

}

これは私が onready と呼ぶ私のコードです:

    $('.hastip').tooltipsy({
    showEvent: 'click',
    hideEvent: 'click',

    content: function ($el, $tip) {
        var $el = $(this);
        var active_tooltip = $el.attr('rel');

        $.getJSON('/Scripts/test.js', function (data) {

            $tip.html(function() {
              var title = data.users[active_tooltip].name;
              var mtext = data.users[active_tooltip].functie;
              return '<div>' + title + mtext +  '</div>';
            });
        });
        return 'Fallback content';
    },

});

明らかに私はそれを修正することができません。jsFiddleを作成しました

4

1 に答える 1

1

これを試して

.....
content: function ($el, $tip) {
   // var $el = $(this); //no need ,$el is given by the $el in content options.
    var active_tooltip = $el.attr('rel');

    $.getJSON('/Scripts/test.js', function (data) {

        $tip.html(function() {
          var title = data.users[active_tooltip].name;
          var mtext = data.users[active_tooltip].functie;
          return '<div>' + title + mtext +  '</div>';
        });
    });
    return 'Fallback content';
},
....

ここでフィドル..コンソールをチェック...

于 2013-03-06T12:55:44.443 に答える