javascript - 使用 Twitter 的 Bootstrap 时，如何更改弹出窗口的内容？

Question

我正在使用来自 Twitter 的 Bootstrap js 的弹出窗口功能。我有一个按钮，单击它会执行此 javascript:

$("#popover_anchor").popover({trigger: "manual",
                              placement: "below",
                              offset: 10,
                              html: true,
                              title: function(){return "TITLE";},
                              content: function(){return "CONTENT TEXT";}});
$("#popover_anchor").popover("show");

还有另一个按钮执行基本相同的 javascript，只是标题和内容函数返回不同的文本。

请注意，它们都在同一元素上定义弹出框，只是内容不同。

问题是，一旦单击任一按钮并执行 js，其他按钮的后续单击将不会更改弹出内容。那么一旦 popover 被初始化，我该如何更新/更改内容？

Answer 1

title 属性的目的是接受提供此功能的 function 类型的值。

例如:如果您将标题设置为:

 title: function() { return randomTxt(); }

你有，

function randomTxt()
{
    arr = ['blah blah', 'meh', 'another one'];
    return arr[Math.floor(Math.random() * 4)];
}

您将不断为您的弹出窗口获得不同的标题。您可以更改 randomText 的逻辑以动态获取标题。