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

Question

我正在使用 twitter bootstrap 来实现弹出窗口。我知道如果我需要将数据内容标题呈现为 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

使用事件 Bootstrap 弹出窗口 shown和jquery函数text将内容呈现为文本:

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

JSFIDDLE