是否可以在 Twitter Bootstrap 弹出窗口中呈现图像？

【问题标题】：Would it be possible to render an image in a Twitter Bootstrap popover?是否可以在 Twitter Bootstrap 弹出窗口中呈现图像？
【发布时间】：2013-10-11 16:44:28
【问题描述】：

以下是弹出框的名称http://getbootstrap.com/2.3.2/javascript.html#popovers

据我所知，您只能在页面中输入文字

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案1】：

是的，您可以在初始化弹出框时加载 HTML 而不是文本内容并启用 html 选项。

示例：http://jsfiddle.net/gyRGS/

HTML

<a href="#" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="<img src='https://si0.twimg.com/profile_images/3088494582/6a119c4f95d572c91b8393fd96ddc785.jpeg' />">Click to toggle popover</a>

Javascript

$('.btn-danger').popover({
    html: true
})

【讨论】：

【解决方案2】：

当然，它只是 HTML。你试过图片吗？

请注意，您可能需要对标记进行 HTML 编码，甚至可能需要两次，以便在解码时仍然是 HTML。

【讨论】：

这里是调用弹出框的链接：key 我在 javascript 中有它，所以我可以将它附加到另一个 jQuery 插件。但是，'key_content' 是弹出框的内容。问题是，当我将它设置为除文本之外的任何内容时，弹出框不会接受它。