Question

我有一个从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，这里没有设置popover内容。我该如何解决这个问题？

Answer 1

您是否尝试省略HtmlEncode？

http://jsfiddle.net/z6gnpnr5/

设置弹出窗口内容时出错

1 个答案: