番薯
番薯
  • 发布:2014-12-03 15:25
  • 更新:2015-12-08 17:14
  • 阅读:5044

上拉加载后的数据添加点击事件无效。。

分类:MUI
复制代码(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);  

为何在上拉加载数据后点击事件无效?

2014-12-03 15:25 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

我在hello mui中pullrefresh.html中增加如下代码测试是有效的:

复制代码mui('#pullrefresh').on('tap', 'a', function(e) {  
  alert(3333);  
});

你那边还不行的话,就把完整代码发给我,我测试一下。

番薯

番薯 (作者)

怎么发给你哈

DCloud_UNI_CHB

DCloud_UNI_CHB

工程压缩,在QQ群里找DCloud-MUI-CHB,或者邮件给我:cuihongbao@dcloud.io

liuhui

liuhui

复制代码mui('#pullrefresh').on('tap', 'a', function(e) {  
  alert(3333);  
});

请问这个怎么解决的,我下拉刷新后,事件也不调用

Yooye

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

hpben

$('#pullrefresh') 问题应该在这里,,既然是List 就不能用ID,ID是唯一的,,应该用CLASS

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容