假设我在 div 元素上附加了一个 Bootstrap 工具提示
<div class="text-center text" data-container="body"
data-toggle="popover" data-placement="left"
data-content="Some content">Text</div>
如何创建一个输入元素用作内容,而不仅仅是文本。
我已经尝试过
data-content="<input type='text'>
但它以字符串形式返回。 另外,创建一个输入对象并尝试用 javascript 附加它是行不通的:
var input = document.createElement("input");
input.type="text";
myTooltip.setAttribute("data-content", input);
有什么想法吗?
最佳答案
您应该将 data-html
属性设置为 true
才能使用 html
内容或标题作为弹出窗口。
ps:它对于hover
触发器没有任何意义。
<a href="#" class="btn btn-primary" style="margin: 250px;"
data-placement="left"
data-trigger="click"
data-html="true">test</a>
$(".btn").popover({ content : '<b>test</b><input type="text">' });
关于javascript - 使用输入元素作为工具提示中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36175770/