javascript - 使用输入元素作为工具提示中的内容

Question

假设我在 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);

有什么想法吗？

Answer 1

您应该将 data-html 属性设置为 true 才能使用 html 内容或标题作为弹出窗口。

参见jsfidle example

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">' });