我现在需求是在下拉出来的那些列表的左侧加上checkbox,而这些checkbox我是用div包裹起来的,onclick事件添加到div上在手机端没用.只好用each但是每次刷新又要把上面的遍历了一遍,所以前面的div会绑定多个事件,于是我就想在tap事件绑定之前移除掉所有事件,但是已经加载出来的div上面的tap事件还是有两个.(求指教,才开始做手机端,不胜感激)代码如下(列出的是下拉加载成功的代码)```javascript
// 上拉加载后,渲染数据
var onPagingSuccess = function (data) {
// 记录返回的page对象
page = data.obj;
var DataList = data.obj.content;
var table = document.body.querySelector('.mui-table-view');
if(DataList!=null){
var table = document.body.querySelector('.mui-table-view');
for(var i = 0; i<DataList.length; i++){
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media';
li.innerHTML = '<div class="checkboxposition">'
+'<input value="'+DataList[i].id+'" type="checkbox">'
+'</div>'
+'<a class="mui-navigate-right" href="rate-detail.html" data-id="'+DataList[i].id+'">'
+'<img class="mui-media-object mui-pull-left" src="'+DataList[i].thumbnail+'">'
+'<div class="mui-media-body" style="margin-left:20x">'+DataList[i].depa + '-' + DataList[i].dest
+'<p class="mui-ellipsis">'+DataList[i].airline+'</p>'
+'<p class="mui-ellipsis">航期:'+DataList[i].duration+'天</p>'
+'<p class="price">'+DataList[i].basePrice+'元/KG'+'</p>'
+'</div></a>';
table.appendChild(li);
}
}
mui(".mui-table-view-cell").each(function(){
mui(this).on("tap",".checkboxposition",function(){
alert("aaa");
mui(this).off('tap','.checkboxposition',function(){
});
});
});
};
6***@qq.com (作者)
ok,我试试
2017-03-13 13:50
6***@qq.com (作者)
是的,我多此一举了,忘了还有委托这么一说了,因为自己平时写前端不是很多,所以有点犯迷糊,谢谢了
2017-03-13 13:55