動態將標題添加到彈出元素-jQuery

Question

我正在嘗試為本地項目上的popover對象設置標題。 我已經包括了這些：

• bootstrap.css v4.2.1
• jquery.min.js v2.2.0
• bootstrap.min.js v4.2.1
• popper.min.js v1.11.0

我有一個簡單的按鈕

<i id="Dualstack-Pvt" class="fa fa-info-circle float-right" data-toggle="popover" data-content=""></i>

當我單擊i ，我想動態設置title和content

所以我做了這些：

console.log("title = ", response.name); // it is working 

$('.fa-info-circle#'+objectName).attr("title", response.name);
$('.fa-info-circle#'+objectName).attr('data-content',JSON.stringify(response));

---

結果

title似乎是動態添加到DOM中的。

但是彈出窗口似乎很難正確呈現。

Answer 1

你可以改變

$('.fa-info-circle#'+objectName).attr("title", response.name);

進入

$('.fa-info-circle#'+objectName).attr("data-original-title", response.name);

但是，請查看文檔，了解刷新彈出窗口內容的正確方法。

Answer 2

你可以這樣做

$('.fa-info-circle#'+objectName).attr('data-content',JSON.stringify(response.name));

要么

$('.fa-info-circle#'+objectName).attr("title", response[0].name);