将标题动态添加到弹出元素 - jQuery

Question

我正在尝试为本地项目的弹出窗口设置标题 object。我已经包含了这些：

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('data-content',JSON.stringify(response.name));

或

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

Answer 2

你可以改变

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

进入

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

但是，请查看有关刷新弹出框内容的正确方法的文档。

将标题动态添加到弹出元素 - jQuery

Dynamically Add Title to a popover element - jQuery

javascript

jquery

html

bootstrap-4

popover

结果