设置弹窗内容错误答案

【问题标题】：Error in setting popover content设置弹窗内容错误
【发布时间】：2014-11-07 19:18:29
【问题描述】：

我有一个函数可以从 Json 为 bootstrap popover 生成数据内容。该函数的问题在于，如果我传递一个成员包含单引号的 json 对象，则未设置弹出框内容。

function setupopoverContent(content) {
        var json = JSON.parse(content);
        var contents = '<div style="">'
        contents += '<div id="hellobar" class="large right  remains_at_top row-fluid" style="background-color: ' + json.BarColor + '; color: ' + json.TextColor + '; border-radius: 5px;font-family: Helvetica,Arial,sans-serif;"> ';
        contents += '<div id="hb_msg_container" class="span11"> <span id = "topbar_message" style="padding-bottom:14px;">   ';
        contents += HtmlEncode(json.Message); 
        contents += '</span> ';
        contents += '<a id = "topbar_linktext" class="hellobar_cta hb-button" href= "' + json.LinkURL + '" target="_blank" style="color: ' + json.ButtonTextColor + '; background-color: ' + json.ButtonColor + '; border-color: #000000">   ';
        contents += HtmlEncode(json.LinkText);
        contents += '</a></div> ';
        contents += '</div></div>';
        return contents;
    }

假设这里 json.Message=All go'es，那么 popover 内容没有设置。我该如何解决这个问题？

【问题讨论】：

标签： javascript jquery json twitter-bootstrap

【解决方案1】：

你试过省略HtmlEncode吗？

http://jsfiddle.net/z6gnpnr5/

【讨论】：

我有 ....我需要将字符串（内容）呈现为 html ，所以我可以将其设置为弹出数据内容。