这个问题已经被问及很多问题,并且在过去的3天中经历了许多不同的'解决方案',我都无法工作。JQuery Mobile为ListView解析JSON
我有一个巨大的JSON文件,一些150k条目,我想在JQuery Mobile中查看为ListVIew。 (我将使用过滤器实际使用数据)
我想出的最好的是这个
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jqm-docs.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<div id="output">
<ul data-role="listview" data-inset="true" data-filter="true">
</ul>
</div>
</div>
</div>
<script type="text/javascript">
//simulating the JSON coming from the server
var json = '["City1","City2","City3"]';
//jQuery getJSON will do this step
var data = $.parseJSON(json);
//and this is your code
$.each(data, function (index, value) {
$('#output').children('ul').append('<p>'+value+'</p>').listview('refresh');
});
</script>
</body>
</html>
如果我删除.listview(“刷新”),则所有三个JSON条目列在同一个ListView字段中。我显然希望他们分开。
任何人都可以建议如何做到这一点?
与感谢
添