带有变量的 html() 函数

Question

我正在尝试将一些带有变量的 html 代码注入到 JQM UL Listview 中。我遇到的问题是，变量似乎正在抛弃代码，因为当我删除它们时，它会完美地注入 HTML。

这里是sn-p：

$(document).on("pageinit", "#vendorMessages", function() {
    var listView = "";
    pubnub.subscribe(
        {
        channelGroup: getChannelGroup()
        },
        function (status, response) {
            alert("test");
            console.log(status, response);
        }
    );

    pubnub.channelGroups.listChannels(
        {
            channelGroup: getChannelGroup()
        }, 
        function (status, response) {
            response.channels.forEach( function (channel) {
                var channelFormatted = String(channel).split("_");
                var channelMember = channelFormatted[1];
                var temp = "<li onClick='loadChannel("+channel+")'>"+channelMember+"</li>";
                var temp = String(temp);
                listView = listView.concat(temp);
            })
            alert(listView);
        }
    )
    var elem = $("#channels");
    elem.html(elem.text(listView));
    $("#channels").listview("refresh");
})

alert(listView) 返回正确的字符串格式，但代码仍不会添加到<ul>。我尝试了一些建议的东西，甚至切换回 javascript innerHTML 但无济于事。有什么想法吗？

Answer 1

改变

elem.html(elem.text(listView));

到

elem.html(listView);

elem.text 无法处理 html..