2

我在tooltipster标题属性中有一组选项，如下所示：

<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');
}

问题是当tooltip关闭且页面没有刷新时，内容又回到了初始值，而不是显示更新后的值。

我尝试使用此处描述的配置选项：

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 回答