mui中上拉刷新事件a标签中的链接、元素onclick事件在手机上点击不了
2016-11-04 11:45
211 查看
手机端只有在红色区域可以触发a标签点击事件,请问怎么解决?
代码:
<div class="mui-scroll">
<ul id="contUl" class="mui-table-view mui-table-view-chevron">
</ul>
</div>
function pullupRefresh() {
setTimeout(
function() {
$.ajax({
type: "POST",
url: "${ctx}/mobile/mall/findGoodsForPagin.action",
data: "",
dataType: "json",
cache: false,
error: function(request,errStatus,throwTrak){
alert("网络连接异常,请稍候再试"+throwTrak);
},
success: function(_jsonData){
mallPagin = mallPagin+1;
var _goodsList = _jsonData.goodsList;
if(_goodsList){
var _ghtml = "";
$.each(_goodsList, function(k, v){
_ghtml += "<li id='goods_li_"+v.id+"' class='p-l-a' ><img src='"+v.imgSmallUrl+"'><h4>"
+ v.name
+ "</h4><p class='p-price'>¥"
+ v.marketPrice
+ "</p></li>";
});
$("#contUl").append(_ghtml);
}
mui('#refreshContainer').pullRefresh()
.endPullupToRefresh(!_goodsList);
mui('#contUl').on('tap', 'li', function() { //给li添加点击事件,直接写普通的a标签或者在元素上加onclick事件不成功
alert("---33----");
});
}
});
}, 1000);
}
代码:
<div class="mui-scroll">
<ul id="contUl" class="mui-table-view mui-table-view-chevron">
</ul>
</div>
function pullupRefresh() {
setTimeout(
function() {
$.ajax({
type: "POST",
url: "${ctx}/mobile/mall/findGoodsForPagin.action",
data: "",
dataType: "json",
cache: false,
error: function(request,errStatus,throwTrak){
alert("网络连接异常,请稍候再试"+throwTrak);
},
success: function(_jsonData){
mallPagin = mallPagin+1;
var _goodsList = _jsonData.goodsList;
if(_goodsList){
var _ghtml = "";
$.each(_goodsList, function(k, v){
_ghtml += "<li id='goods_li_"+v.id+"' class='p-l-a' ><img src='"+v.imgSmallUrl+"'><h4>"
+ v.name
+ "</h4><p class='p-price'>¥"
+ v.marketPrice
+ "</p></li>";
});
$("#contUl").append(_ghtml);
}
mui('#refreshContainer').pullRefresh()
.endPullupToRefresh(!_goodsList);
mui('#contUl').on('tap', 'li', function() { //给li添加点击事件,直接写普通的a标签或者在元素上加onclick事件不成功
alert("---33----");
});
}
});
}, 1000);
}
相关文章推荐
- 微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制,移动端禁止图片长按和vivo手机点击img标签放大图片
- a标签中有点击(onclick)事件
- 取消标签元素(a)的默认点击事件:return false
- a标签中有点击(onclick)事件
- jq动态生成的元素(标签)添加点击事件
- JSP页面onclick点击事件无法更换img标签里面的图片(例如点击更换验证码图片)
- a标签的href和onclick属性同时存在点击事件先触发
- 通过js动态为标签元素添加点击事件
- H5页面,iOS以及部分Android手机链接a等标签点击的时候,会有阴影,怎么解决?
- Android MUI的tap事件在部分手机上点击会触发两次或三次的问题
- IE6下链接a的onclick事件点击无反应的处理方法
- 在javascript或者jQuery中绑定按钮点击事件,和在HTML 标签中直接调用onclick属性有什么区别?
- 关于a标签内的onclick事件只能点击一次的问题
- Jquery实现点击子元素标签只触发子元素点击事件,不触发父元素点击事件
- 用链接标签触发onclick事件而不跳转 [轉貼]
- ios 用jquery为元素标签绑定点击事件时,ios上不执行点击事件
- 用链接标签触发onclick事件而不跳转
- 手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托
- Dcloud H5+开发 mui-checkbox tableview listview子标签与父标签点击事件
- a 标签中加 onclick事件,根据事件中的校验情况来决定是否执行a标签的链接