INIT里的那些关掉,点击事件就有用,打开,就失效
<script type="text/javascript" charset="utf-8">
mui.init({
swipeBack:true //启用右滑关闭功能
// pullRefresh: {
// container: '#pullrefresh',
// down: {
// callback: pulldownRefresh
// },
// up: {
// contentrefresh: '正在加载...',
// callback: pullupRefresh
// }
// }
});
mui.ready(function() {
//点击列表
mui('#hqList').on('tap', 'a', function() {
// console.log('点击了:' + this.innerText);
console.log(this.id)
mui.openWindow({
url: 'bierenGongzi-detail.html',
id: 'bierenGongzi-detail',
// preload: true,
extras: {
txt: this.innerText
}
});
});
}); //mui.ready end
mui.plusReady(function() {
console.log('tab-webview-subpage-chat:plusready!')
}); //plus ready end
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for(var i = cells.length, len = i + 3; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
//下拉刷新,新纪录插到最前面;
table.insertBefore(li, table.firstChild);
}
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1000);
}; //下拉刷新 end
var count = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for(var i = cells.length, len = i + 20; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';
table.appendChild(li);
}
}, 1000);
}; //上拉加载end
</script>
5 个回复
3***@qq.com
我也是 增加上啦加载功能后点击事件失效 ,安卓只有左侧小块才能点击, IOS则没事。安卓浏览器也不行。
seagatecm
我这也是一样。加上上拉刷新后,在pc上的浏览器运行,列表点击的消息正常。
但是在ios上运行,只有左侧很小一块区域点击才能响应。
1***@qq.com
下拉完成后给需要点击的事情绑定tap事件,我是用的web开发,希望有帮助
seagatecm
感谢回答,我加上事件绑定就好了:
mui('.mui-table-view').on('tap', 'li', onli);
不过还是觉得是个bug。因为pc浏览器没有问题,ios的浏览器有问题。
Trust - 少说废话
请问是在浏览器环境运行还是5+App环境下运行。
关于下拉上拉,请参考相关文档http://dev.dcloud.net.cn/mui/pulldown/
以及Hello mui中的例子http://dcloud.io/hellomui/examples/pullrefresh_main.html
lingzhouyiyu
希望解决一下,在微信和移动端浏览器里,使用了这个组件都会点击事件失效,更新了很多版本,就是不解决这个问题,楼上说的是可以,但是一个页面有很多点击事件处理起来就非常麻烦
2018-09-20 14:54