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

Question

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

据我所知，根据页面，您只能将文本放入其中

Answer 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
})

Answer 2

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

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