大佬教程收集整理的这篇文章主要介绍了用本地JSON数据填充jQuery Mobile ListView,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
首先,返回 JsON 数组是错误的,值(属性)应以逗号分隔。
var data = [{
"name": "test",
"calorIEs": "1000",
"fat": "100",
"protein": "100",
"carbohydrates": "800",
}, {
"name": "test2",
"calorIEs": "10000",
"fat": "343",
"protein": "3434",
"carbohydrates": "4343",
}];
第二个错误,您应该读取函数而非数组value
返回的对象。$.each()``data
$.each(data, function (index, value) {
output += '<li><a href="#">' + value.name + '</a></li>';
});
jquerymobile只会在页面加载后增强一次。当新数据动态添加到页面时,必须使jquerymobile知道该数据,以便增强数据。
从 JsON 数组提取数据后,附加它们,然后 刷新 ListvIEw来重新设置新添加的元素的样式。
$('#searchFood').HTML(output).ListvIEw("refresh");
我试图用本地JSON信息填充JQM ListView。但是,没有创建列表项。任何帮助,将不胜感激。这是我的代码:
JSON文件结构:
[
{
"name" : "test"
"calories" : "1000"
"fat" : "100"
"protein" : "100"
"carbohydrates" : "800"
},{
"name" : "test2"
"calories" : "10000"
"fat" : "343"
"protein" : "3434"
"carbohydrates" : "4343"
}
]
HTML:
<div data-role="page" data-title="Search" id="searchPage">
<ul data-role="listview" data-inset="true" id="searchFood">
</ul>
</div>
JS:
(更新)
$(document).on("pageinit","#searchPage",function(){
$.getJSON("../JS/food.json",function(data){
var output = '';
$.each(data,function(index,value){
output += '<li><a href="#">' +data.name+ '</a></li>';
});
$('#searchFood').html(output).listview("refresh");
});
});
以上是大佬教程为你收集整理的用本地JSON数据填充jQuery Mobile ListView全部内容,希望文章能够帮你解决用本地JSON数据填充jQuery Mobile ListView所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。