jquery mobile云盤

隨著互聯網和移動平臺的發展，云盤的使用越來越廣泛，jquery mobile作為一種適用于移動設備的前端開發框架，也有很多應用于云盤的情況。

下面給大家介紹一下jquery mobile的云盤案例：

$(document).on('pageshow', '#root', function(event, ui) {
var rootFile = {
"name": "root",
"type": "folder",
"path": "/",
"modified": "2021-01-01",
"children": [
{
"name": "文檔",
"type": "folder",
"path": "/文檔",
"modified": "2021-01-02",
"children": [
{
"name": "word.docx",
"type": "file",
"path": "/文檔/word.docx",
"modified": "2021-01-03",
"size": "1024KB"
},
{
"name": "excel.xlsx",
"type": "file",
"path": "/文檔/excel.xlsx",
"modified": "2021-01-04",
"size": "2048KB"
}
]
},
{
"name": "圖片",
"type": "folder",
"path": "/圖片",
"modified": "2021-01-05",
"children": [
{
"name": "nature.jpg",
"type": "file",
"path": "/圖片/nature.jpg",
"modified": "2021-01-06",
"size": "512KB"
},
{
"name": "scenery.png",
"type": "file",
"path": "/圖片/scenery.png",
"modified": "2021-01-07",
"size": "256KB"
}
]
}
]
}
$("#fileList").empty();
$("#breadcrumb").empty();
var fileList = rootFile.children;
var breadcrumb = "";
breadcrumb += "" + rootFile.name + "";
$("#breadcrumb").append(breadcrumb);
$.each(fileList, function(i, file) {
var html = "";
if (file.type == "folder") {
html += "" + file.name + "";
} else {
html += "" + file.name + "
" + file.modified + "
" + file.size + "";
}
$("#fileList").append(html);
});
});