html 手机下拉刷新页面,【报bug】下拉刷新界面(pullrefresh_sub.html)，通过手机浏览器，不能触发点击事件。...

hello mui -demo, 下拉刷新 界面(pullrefresh_sub.html)，通过手机浏览器打开，不能触发点击事件。

web界面为：http://www.dcloud.io/hellomui/examples/pullrefresh_sub.html。此界面在电脑浏览器中点击正常。但是在手机浏览器中打开此web，点击table-view-cell后，test函数 不能响应，只在界面最左边有响应。

经测试，是pullrefresh 的刷新功能影响的。怎么能既实现下拉刷新，又有点击事件？

测试代码为官方demo里的pullrefresh_sub.html 代码中 添加table-view-cell的点击事件，代码如下：

Hello MUI

mui.init({

pullRefresh: {

container: '#pullrefresh',

down: {

callback: pulldownRefresh

},

up: {

contentrefresh: '正在加载...',

callback: pullupRefresh

}

}

});

/**

下拉刷新具体业务实现

*/

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 = 'Item ' + (i + 1) + '';

table.insertBefore(li, table.firstChild);

}

mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed

}, 1500);

}

var count = 0;

function pullupRefresh() {

setTimeout(function() {

mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2));

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 = 'Item ' + (i + 1) + '';

table.appendChild(li);

li.id = (i + 1);

//添加自定义点击事件

li.setAttribute("onclick","test(id)");

}

}, 1500);

}

if (mui.os.plus) {

mui.plusReady(function() {

setTimeout(function() {

mui('#pullrefresh').pullRefresh().pullupLoading();

}, 1000);

});

} else {

mui.ready(function() {

mui('#pullrefresh').pullRefresh().pullupLoading();

});

}

//添加自定义点击事件

function test(id){

console.log("点击了Item "+id);

}