如何更新引导程序弹出窗口文本？

Question

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

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

请参阅此 js fiddle 以获取实时示例：

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

（第一次点击后alert中的消息和dom中的消息不一致）文档对如何解除绑定有点轻：http: //twitter.github.com/bootstrap/javascript.html#popovers

我用错了吗？关于如何解决的任何建议？

谢谢

原文由 Chris 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

嗨，请在此处查看工作 演示：http: //jsfiddle.net/4g3Py/1/

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

我认为您已经知道自己在做什么，但是我的一些示例建议如下所示：http: //dl.dropbox.com/u/74874/test_scripts/popover/index.html# - 分享此链接给你如果您将看到源通知属性 data-content 但您想要的是通过以下更改工作。

玩得开心，希望这会有所帮助。不要忘记投票并接受答案:)

查询代码

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>
​

原文由 Tats_innit 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以像这样使用 jquery 数据闭包字典直接访问选项：

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

即使在第一次初始化弹出窗口之后，此代码也应该可以正常工作。

原文由 Rabih Kodeih 发布，翻译遵循 CC BY-SA 3.0 许可协议