javascript - 具有内容功能的 Bootstrap 3 Popover

Question

Bootstrap 3 提供了 Popover我正在尝试使用。 docs假设data-content可以是字符串或函数。但是，我似乎无法将内容设置为函数:

<button type="button" 
        class="btn btn-lg btn-danger" 
        data-toggle="popover" 
        title="Popover title" 
        data-content="my_function();">
  Click to toggle popover
</button>

这是 JavaScript:

$(function () {
  $('[data-toggle="popover"]').popover()
})

function my_function(){
    return "This is my popover's content";
}

您可以尝试JSFiddle 。

我还尝试过诸如 data-content="javascript:my_function();" 之类的变体。我不确定我的语法是否有点偏差，或者您是否不能以这种方式使用 data-content 。

是否可以使用 data-content 属性为 Popover 的内容指定函数？或者我误解了文档？

Answer 1

通过$(elem).popover(options)传递data-(即data-content)属性

  $('[data-toggle="popover"]').popover({
    content: my_function(this)
  })

这是您修改后的 fiddle 供您审阅。 https://jsfiddle.net/heb6gt6p/1/