这是home页面
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../css/mui.min.css" rel="stylesheet" />
</head>
<body>
<!-- 主界面移动、菜单不动 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left" id="offCanvasSide">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
<ul class="mui-table-view">
<li class="mui-table-view-cell">Item 1</li>
<li class="mui-table-view-cell">Item 2</li>
<li class="mui-table-view-cell">Item 3</li>
<li class="mui-table-view-cell">Item 1</li>
<li class="mui-table-view-cell">Item 2</li>
<li class="mui-table-view-cell">Item 3</li>
</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>
<h1 class="mui-title">单车分布</h1>
</header>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 主界面具体展示内容 -->
</div>
</div>
<div class="mui-off-canvas-backdrop"></div>
</div>
</div>
</body>
<script src="../js/jquery-1.5.2.min.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/home.js"></script>
</html>
这是home的js文件
//mui.init()
//mui.plusReady(function(){
var pages=[
{url:"1.html",id:"1"},
{url:"2.html",id:"2"}
]
mui(document).on("tap",".mui-table-view-cell",function(){
var index = $(this).index();
mui.openWindow({
url:pages[index].url,
id:pages[index].id,
styles:{
top:"0",
bottom:"0"
}
})
})
//})
//console.log($(document))
$(document).click(function(){
console.log(1111)
})
5 个回复
2***@qq.com
你从选取元素入手一点点实验吧,这个问题不是很难,你得先去确定你的元素是不是选到了,自己动手丰衣足食
1***@qq.com (作者)
元素获取到了,但是点击是断点不进去打印,直接就完成点击了,
2***@qq.com
你把代码发出来看看 把你引的依赖js文件 都引用了哪些
1***@qq.com (作者)
这是home页面
这是home的js文件
2***@qq.com
你的代码应该是写在plus ready里,然后 你去看一下你的滚动区域的样式 是定位的 ,我没时间去copy你的代码 run,不好意思,你去检查一下你的wrapper里的position 是不是很大 然后把你点击的元素遮住了,剧终