这个问题被问了很多,并且在过去的 3 天里经历了许多不同的“解决方案”,但我都无法开始工作。
我有一个巨大的 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('refresh') 那么所有三个 JSON 条目都列在同一个 ListView 字段中。我显然希望他们分开。
谁能建议如何做到这一点?
感谢
蒂姆