1
{"menu" :[{
"name": "Computers",
"children": [{
"name": "Notebook",
"children": [{
"name": "Apple"
}, {
"name": "Windows"
}]
}, {
"name": "Tablets",
"children": [{
"name": "Apple"
}, {
"name": "Android"
}, {
"name": "Windows"
}]
}]
}, {
"name": "Phones",
"children": [{
"name": "Android",
"children": [{
"name": "Samsung"
}, {
"name": "Nokia"
}, {
"name": "Lenovo"
}]
}, {
"name": "Windows Phones",
"children": [{
"name": "Microsoft"
}, {
"name": "Nokia"
}]
}]
}, {
"name": "Cameras",
"children": [{
"name": "Digital",
"children": [{
"name": "Nikon"
}, {
"name": "Fuji"
}]
}, {
"name": "DSLR",
"children": [{
"name": "Canon"
}, {
"name": "Nikon"
}]
}]
}]
}
スマートメニューjqueryのを使用して、私はので、それぞれの親にそれを印刷するには、その子を持っている...ここに私のコードがある
$(document).ready(function() {
$.ajax({
url: 'menuData.json',
type: 'get',
dataType: 'json',
error: function(data){
alert("error");
},
success: function(data){
var i=0;
var j=0;
var n=0;
var obj=data;
var json = JSON.stringify(obj);
var s = JSON.parse(json);
for(i=0;i<s.menu.length;i++){
\t $("#main-menu").append(' <li><a href="#">'+ s.menu[i].name +'</a></li>');
\t for(j=0;j<s.menu[i].children.length;j++)
\t { $("#main-menu").append(' <li><a href="#">'+ s.menu[i].children[j].name + '</a></li>');
\t for(n=0;n<s.menu[i].children[j].children.length;n++){
\t \t
\t $("#main-menu").append(' <li><a href="#">'+ s.menu[i].children[j].children[n].name +'</a></li>');
\t \t
}
\t
}
}
$('#main-menu').smartmenus({
\t subMenusSubOffsetX:1,
\t subMenusSubOffsetY: -8
\t
});
}
});
});
任意のヘルプ...事前のおかげで..ところで私は初心者ですので、おかげで再び