操纵popover以在数据内容中的不同div中包含文本和html

Question

我正在使用twitter bootstrap来实现popover。我知道如果我需要将数据内容标题呈现为html，我可以在调用期间传递html：true。但是如果我在数据内容或标题中有不同的div，并且我想要那些div的不同行为（一些被渲染为html，一些被渲染为文本），那么我该如何实现它。 例如。 ：

data-content=
"<div>
<div id='RenderAsText'><b>Rendering As Text</b></div>
<div id='RenderAsHtml'><b>Rendering As Html</b></div>
</div>" 

结果应如下所示：

<b>Rendering As Text</b>

以HTML格式渲染

Answer 1

使用事件引导程序popover shown和jquery函数text将内容呈现为文本：

$(function () {
    $("[data-toggle=popover]").popover().on("shown.bs.popover", function () {
        var html = $('#RenderAsText').html();
        $('#RenderAsText').text(html);
    });
});

JSFIDDLE