(function($) {
//添加typeid自定义事件监听
window.addEventListener('videotypeid',function(event){
//获得事件参数
var typeid = event.detail.typeid;
ajax(typeid,1);//加载第一页
});
var ws = null,wo = null;
mui.plusReady(function() {
// 获取自身窗口
plus.webview.currentWebview().refresh();//页面刷新
ws = plus.webview.currentWebview();
wo = ws.opener();
});
mui.init({
swipeBack: false,
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
//下拉刷新
function pulldownRefresh() {
var self = this;
//alert('下拉刷新');
setTimeout(function() {
//....省略
ajax(typeid,1);//刷新加载第一页
//....省略
}, 1000);
}
//上拉加载
function pullupRefresh() {
var self = this;
//alert('上拉刷新');
setTimeout(function() {
。。。。。
ajax(typeid,page);//加载数据
。。。
}, 1000);
}
function ajax(typeid,page) {
if(page==1){
//mui('#pullrefresh').pullRefresh().refresh(true);//重置上拉功能
}
var url = '地址';
var data = {
typeid:typeid,
p:page
};
mui.getJSON(url, data, success);
//alert(page);
};
//成功响应的回调函数
function success(data) {
var isscrolllist = document.getElementById("isscrolllist");
if(data.status==1){
//....省略
if(data.pageno==1){
html ='';
}
for(var i=0;i<data.content.length;i++){
html += "<li class=\"mui-table-view-cell mui-media mui-col-xs-4\"><a id=\""+data.content[i].id+"\"><img class=\"mui-media-object\" src=\""+data.content[i].titlepic+"\"/><div class=\"mui-media-body\">"+data.content[i].title+"</div><span class=\"mui-badge\">"+data.content[i].count+"</span></a></li>";
}
//alert(html);
isscrolllist.innerHTML=html;
}
};
$('#pullrefresh').on('tap', 'a', function(e) {
alert(3333);
});
})(mui);
为何在上拉加载数据后点击事件无效?
9 个回复
DCloud_UNI_CHB
我在hello mui中pullrefresh.html中增加如下代码测试是有效的:
你那边还不行的话,就把完整代码发给我,我测试一下。
番薯 (作者)
怎么发给你哈
DCloud_UNI_CHB
工程压缩,在QQ群里找DCloud-MUI-CHB,或者邮件给我:cuihongbao@dcloud.io
liuhui
请问这个怎么解决的,我下拉刷新后,事件也不调用
Yooye
恩,我也遇到了下拉刷新列表中的点击事件不调用的问题……不知道楼主是如何解决的,求教!
小核桃
这个问题解决了吗?我下拉刷新后的数据点击也无效。不知道为什么
DCloud_UNI_CHB
把完整示例工程私信给我吧
2015-10-08 18:06
小核桃
问题解决了。是因为加载完数据后没有添加点击事件,这个下拉刷新后,在js里加载完数据后,在从新设置一下tap事件就可以了。
2015-10-28 09:49
一个坚毅的人
同求 ,!!!!!!!!!好像有个层遮住了 下面的元素
DCloud_UNI_CHB
写一个能重现问题的简单示例demo,私信给我吧
2015-10-19 11:30
小虾米
preventDefaultException:{
tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/
}
覆盖默认的
hpben
$('#pullrefresh') 问题应该在这里,,既然是List 就不能用ID,ID是唯一的,,应该用CLASS