我用JQuery向mui-table-view添加内容,在真机调试时是可以的,但发布后再安装到本机,就不显示内容了,请问下大家,这个是什么原因呢?
我的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/mui.min.css" />
</head>
<body>
<!-- 主界面不动、菜单移动 -->
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left" id="offCanvasSide">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
<ul class="mui-table-view" id="sys_menu" style="font-size: small;">
</ul>
</div>
</div>
</aside>
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a>
</header>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item" href="#menu_popover">
<span class="mui-icon mui-icon-gear"></span>
<span class="mui-tab-label">设置</span>
</a>
</nav>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 主界面具体展示内容 -->
</div>
</div>
<div class="mui-off-canvas-backdrop"></div>
</div>
</div>
<div id="menu_popover" class="mui-popover">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a href="#" id="logout">换个账号</a>
</li>
<li class="mui-table-view-cell">
<a href="#" id="modiypwd">修改密码</a>
</li>
</ul>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/tools.js"></script>
<script src="js/core.js"></script>
<script>
$(function() {
mui.init({
//预加载
preloadPages: [{
id: 'listpage',
url: 'ListPage.html'
}]
});
$.ajax({
type: "get",
url: ajaxUrl + "/Sys_Menu.ashx?type=list",
dataType: "json",
data: BasicFunction.getAjaxData({}),
success: function(data) {
BasicFunction.executeAjaxResult(data, function(data) {
var node = "";
for(var i = 0; i < data.Data.length; i++) {
node += "<li class='mui-table-view-cell mui-collapse'><a class='mui-navigate-right' href='#'>" + data.Data[i].text + "</a><div class='mui-collapse-content'>";
node += "<ul>";
for(var j = 0; j < data.Data[i].children.length; j++) {
node += "<li style='list-style:none;marign:8px;'><a href='#' style='color:#000' data-refCode='" + data.Data[i].children[j].attributes.RefCode + "'>" + data.Data[i].children[j].text + "</a></li>";
}
node += "</ul>";
node += "</div></li>";
}
$("#sys_menu").append(node);
})
},
complete: function() {
var listpage = null;
//添加列表项的点击事件
mui('.mui-table-view-cell').on('tap', 'a', function(e) {
var refCode = this.getAttribute('data-refCode');
if(refCode) {
//获得详情页面
if(!listpage) {
listpage = plus.webview.getWebviewById('listpage');
}
//触发详情页面的newsId事件
mui.fire(listpage, 'loadData', {
refCode: refCode
});
//打开详情页面
mui.openWindow({
id: 'listpage'
});
}
});
}
})
});
$("#logout").on("tap", function() {
mui.confirm("确定退出当前登录用户?", "提示", ["是", "否"], function(e) {
if(e.index == 0) {
localStorage.removeItem("systoken");
mui.openWindow({
url: "login.html",
id: "login"
})
}
})
})
mui.plusReady(function() {
var first = null;
mui.back = function() {
if(!first) {
first = new Date().getTime();
mui.toast('再按一次退出应用');
setTimeout(function() {
first = null;
}, 2000);
} else {
if(new Date().getTime() - first < 2000) {
plus.runtime.quit();
}
}
};
})
</script>
</html>
0 个回复