2

次のように、ツールチップスターのタイトル属性に一連のオプションがあります。

<i class="icon-cog settings" title="
                   <div class='div1' onclick='follow(1,2)'>Content 1</div>
                   <div class='div2' ...>Content 2</div>
                   <div class='div3' ...>Content 3</div>
                                                   ">
</i>

div1 がクリックされると、コンテンツは次の関数に基づく ajax 結果によって動的に更新されます。

function follow(f1,f2) {
$.get('/exe/add_followers.php?f1=' + f1 + '&f2=' + f2, function (result) {
    $('.div'+f2).html('content 1 is updated to' + result.newcontent);
    }, 'json');
}

問題は、ツールチップが閉じられ、ページが更新されていない場合、コンテンツが更新された値を表示するのではなく、初期値に戻ることです。

ここで説明されているように、構成オプションを使用しようとしました:

function follow(f1,f2) {
    $.get('/exe/add_followers.php?f1=' + f1 + '&f2=' + f2, function (result) {
        // $('.div'+f2).html('content 1 is updated to' + result.newcontent);
        $('.settings').tooltipster('update', 'content 1 is updated to' + result.newcontent);
        }, 'json');
}

ただし、これは div1 のコンテンツを変更しますが、他の div のコンテンツを削除します。div1 のコンテンツのみを更新し、他は変更しないようにするにはどうすればよいですか?

==編集==

次のように、div のすべてのセットを渡さないソリューションを好みます。

function follow(f1,f2) {
    $.get('/exe/add_followers.php?f1=' + f1 + '&f2=' + f2, function (result) {
        $('.settings').tooltipster('update', '
                                              <div class='div1' onclick='follow(1,2)'>'+result.newcontent+'</div>
                                              <div class='div2' ...>Content 2</div>
                                              <div class='div3' ...>Content 3</div>
                                             ');
        }, 'json');
}
4

2 に答える 2

9

このコマンドでタイトルを変更できることがわかりました。

$('#selectorElement').tooltipster('content', 'new title');
于 2015-04-02T07:26:48.223 に答える
-1

title 属性から大量の html をレンダリングするのは悪いアプローチであることに気付きました! そのため、tooltipster は自分のニーズに合わないことがわかり、jQuery Bootstrap スタイルの Dropdownsを使い始めました。

于 2013-10-06T21:50:27.700 に答える