Question

我正在使用$.getJSON从服务器端获取数据以填充我的jquery移动应用程序中的数据。我遇到的问题是我获取的json结果包含HTML标记。当我将此数据附加到应用程序中的div时，HTML标记将保留原样

var menDet;
menDet="<ul><li>Offer
<ul>"+data+"</ul></li><ul>";

//data contains a <p> tag from the server side fetched data

$("#menu").html($(menDet));
$("#menu").listview("refresh");

在Inspect元素窗口中，我注意到数据值被包含在引号内，这就是阻止HTML应用于引号内的HTML标记！

关于如何在不用引号括起来的情况下添加它们的任何想法？

Answer 1

您可以将字符串包装在$()中，并获取构造所有HTML元素的jQuery对象。

实施例

您可以使用jsFiddle测试here。

HTML

<html>
    <div id="foo">
    </div>
</html>

的Javascript

var s = '<span><b>Hello</b> World</span>';
$('#foo').append($(s));

结果

<html>
    <div id="foo">
        <span>
            <b>Hello</b> World
        </span>
    </div>
</html>

Answer 2

如果您正在以适当的格式从服务器获取数据，那么您可以使用

$("#yourlistview").listview('refresh'); or 

$("#yourlistview").listview('refresh', true);

检查以下链接

JQM (jQueryMobile) problem with AJAX content listview('refresh') not working

jquery mobile css没有应用于ajax（getJson）返回的结果

2 个答案:

实施例

HTML

结果