是否可以在Twitter Bootstrap popover中呈现图像?

时间:2013-10-11 16:44:29

标签: jquery twitter-bootstrap

以下是弹出窗口的调用方式http://getbootstrap.com/2.3.2/javascript.html#popovers

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

2 个答案:

答案 0 :(得分:3)

是的,您可以加载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
})

答案 1 :(得分:0)

当然,它只是HTML。你试过一张图片吗?

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