将标题动态添加到弹出元素 - jQuery
Dynamically Add Title to a popover element - jQuery
我正在尝试为本地项目的弹出窗口设置标题 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.
但是弹出窗口似乎很难正确渲染它。
你可以这样做
$('.fa-info-circle#'+objectName).attr('data-content',JSON.stringify(response.name));
或
$('.fa-info-circle#'+objectName).attr("title", response[0].name);
你可以改变
$('.fa-info-circle#'+objectName).attr("title", response.name);
进入
$('.fa-info-circle#'+objectName).attr("data-original-title", response.name);
但是,请查看有关刷新弹出框内容的正确方法的文档。
我正在尝试为本地项目的弹出窗口设置标题 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.
但是弹出窗口似乎很难正确渲染它。
你可以这样做
$('.fa-info-circle#'+objectName).attr('data-content',JSON.stringify(response.name));
或
$('.fa-info-circle#'+objectName).attr("title", response[0].name);
你可以改变
$('.fa-info-circle#'+objectName).attr("title", response.name);
进入
$('.fa-info-circle#'+objectName).attr("data-original-title", response.name);
但是,请查看有关刷新弹出框内容的正确方法的文档。