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

将data-（即数据内容）属性传递给$(elem).popover(options)

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

这是您修改过的小提琴，供您查看。 https://jsfiddle.net/heb6gt6p/1/

Answer 2

无法使用data-content属性为Popover的内容指定功能。

具有内容功能的Bootstrap 3 Popover

2 个答案: