如何更新bootstrap弹出文本？

Question

我正在使用bootstrap-popover在元素旁边显示一条消息。

如果我想在第一次之后在弹出窗口中显示不同的文本，文本不会改变。用新文本重新实例化弹出窗口不会覆盖。

请参阅此js小提琴以获得一个现场示例：

http://jsfiddle.net/RFzvp/1/

(在第一次单击后，警报中的消息和dom中的消息不一致)文档对如何解除绑定略有介绍：http://twitter.github.com/bootstrap/javascript.html#popovers

我用错了吗？关于如何解决这个问题有什么建议吗？

谢谢

Answer 1

你好，请在这里查看working demo：http://jsfiddle.net/4g3Py/1/

我已经做了更改以获得您想要的结果。:)

我估计你已经知道你在做什么了，但我的一些示例建议如下示例：http://dl.dropbox.com/u/74874/test_scripts/popover/index.html# -分享这个链接，让你有不同的想法与不同的弹出窗口链接，如果你会看到源通知属性data-content，但你想要的是通过以下更改工作。

祝你玩得愉快，希望这对你有所帮助。别忘了投票并接受答案:)

Jquery代码

var i = 0;
$('a#test').click(function() {
    i += 1;

    $('a#test').popover({
        trigger: 'manual',
        placement: 'right',
        content: function() {
           var message = "Count is" + i;
             return message;
        }
    });
    $('a#test').popover("show");

});​

HTML

<a id="test">Click me</a>
​

Answer 2

您可以使用jquery数据闭包字典直接访问选项，如下所示：

$('a#test').data('bs.popover').options.content = 'new content';

即使在第一次初始化popover之后，这段代码也应该可以正常工作。

Answer 3

如果有人正在寻找一种不需要重新实例化popover而只想更改内容html的解决方案，请看以下内容：

$('a#test').data('popover').$tip.find(".popover-content").html("<div>some new content yo</div>")

更新:在这个答案和Bootstrap 3.2.0之间的某个时间点上的(我怀疑是3.0?)这稍微改变了一下，改为：

$('a#test').data('bs.popover').tip().find ............