我还是个少年
我还是个少年
  • 发布:2015-12-23 18:10
  • 更新:2017-04-25 20:17
  • 阅读:8838

mui中上拉刷新事件<div>中a标签中的链接在手机上点击不了

分类:MUI

mui中上拉刷新事件<div>中a标签中的链接在电脑上可以点击,但是在手机端不能够触发

手机端只有在红色区域可以触发a标签点击事件,请问怎么解决?

代码如下```javascript
<div class="mui-content mui-scroll-wrapper" id="search">
<div class="mui-scroll" style="padding-top:55px;">
<ul class="mui-table-view" id="bikeStationList">
<li>
</li>
</ul>
</div>
</div>
//下拉进行刷新方法
mui.init({
pullRefresh: {
container: '#search',
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});

        //下拉操作执行获取数据  
    var flage= true;//判断条件  
    var pageIndex =1;//请求页数  
        function pullupRefresh() {  
            setTimeout(function() {  
                    var keyWord = $("#searchVale").val();  
                    var obj="";  
                    if(flage) {  
                    doGet(g_wssturl + "RXWSSTWeb/publicBicycle.web?getNearGgzxcList", {lontitude:113.300854,latitude:22.810388,keyWord:keyWord,pageIndex:pageIndex},function(data){  
                         if(data != '') {  
                            obj = jQuery.parseJSON(data.obj);  
                            if(obj !="" && obj.length>0){  
                                for(var i=0;i <obj.length;i++){  
                                     var bikeHtml = "";  
                                     bikeHtml+='<li class="mui-table-view-cell mui-media"><a href="javascript:showPark('+'\''+obj[i].PARK_NAME+'\','+'\''+obj[i].PARK_ADDR+'\','+'\''+obj[i].NUM1+'\','+'\''+obj[i].NUM2+'\','+'\''+obj[i].NUM3+'\','+'\''+obj[i].PARK_X+'\','+'\''+obj[i].PARK_Y+'\''+');"><table><tr><th class="text-lve">'+obj[i].PARK_NAME+'</th></tr>';  
                                     if(obj[i].PARK_ADDR != null && obj[i].PARK_ADDR !=""){  
                                         bikeHtml+='<tr><td class="text-lve" >地址:'+obj[i].PARK_ADDR+'</td><td style="text-align: center;"><a href="" class="pic_qiu" style=""><img src="images/wechat/pic_qiu.png" width="30"></a></td></tr>';  
                                        }else{  
                                            bikeHtml+='<tr><td class="text-lve" style="color: red;">地址:</td><td style="text-align: center;"><a href="" class="pic_qiu" style=""><img src="images/wechat/pic_qiu.png" width="30"></a></td></tr>';  
                                        }  
                                     if(obj[i].D == "" || obj[i].D == null){  
                                         bikeHtml+='<tr><td><u>可借:'+obj[i].NUM1+'</u><u>可停:'+obj[i].NUM2+'</u><u>异常:'+obj[i].NUM3+'</u></td><td style="text-align: center;">0 km</td></tr></table></a></li>';  
                                     }else{  
                                     bikeHtml+='<tr><td><u>可借:'+obj[i].NUM1+'</u><u>可停:'+obj[i].NUM2+'</u><u>异常:'+obj[i].NUM3+'</u></td><td style="text-align: center;">'+obj[i].D+'km</td></tr></table></a></li>';  
                                     }  
                                     $("ul li:last-child").after(bikeHtml);  
                             }  
                            mui('#search').pullRefresh().endPullupToRefresh(!flage); //控制是否还有数据执行刷新操作  
                         }  
                     }  
                     //判断当数据为空时不再执行刷新操作  
                     if(obj.length == 0){  
                         flage = false;  
                     }else{  
                         flage = true;  
                         pageIndex++;  
                     }  
                 }, null, "jsonp");    

                 }    
            }, 1000);    
        }  
        if (mui.os.plus) {  
            mui.plusReady(function() {  
                setTimeout(function() {  
                    mui('#search').pullRefresh().pullupLoading();  
                }, 1000);  

            });  
        } else {  
            mui.ready(function() {  
                mui('#search').pullRefresh().pullupLoading();  
            });  
        }   
2015-12-23 18:10 负责人:无 分享
已邀请:
sandbox

sandbox

把demo里的这段改改放进去就好了,直接href,在手机不好使

    mui('#list').on('tap', 'a', function() {  
        var id = this.getAttribute('href');  
        var href = this.href;  
        var type = this.getAttribute("open-type");  
        if (type == "common") {  
            var webview_style = {  
                popGesture: "close"  
            };  
            mui.openWindow({  
                id: id,  
                url: this.href,  
                styles: webview_style,  
                show: {  
                    aniShow: aniShow  
                },  
                waiting: {  
                    autoShow: false  
                }  
            });  
        }  
    });
sandbox

sandbox

把demo里的这段改改放进去就好了,直接href,在手机不好使

    mui('#list').on('tap', 'a', function() {  
        var id = this.getAttribute('href');  
        var href = this.href;  
        var type = this.getAttribute("open-type");  
        if (type == "common") {  
            var webview_style = {  
                popGesture: "close"  
            };  
            mui.openWindow({  
                id: id,  
                url: this.href,  
                styles: webview_style,  
                show: {  
                    aniShow: aniShow  
                },  
                waiting: {  
                    autoShow: false  
                }  
            });  
        }  
    });
  • 羽绒背心

    谢谢,按照你的方法成功了

    2016-11-04 16:54

  • 回复 羽绒背心:你好 刷新页面的行点击跳转事件 如何实现的啊 我的还是 只有最左边可以点击 可以给发段代码看看吗 谢谢

    2016-12-13 11:19

戈饭

戈饭

同样的问题。这是BUG吧?

php5码农

php5码农

怎么办.你解决了吗.

  • 赵梦欢

    上面不是都说了解决方法吗,直接用on批量绑定啊

    2016-07-31 12:43

马走日

马走日

mui('body').on('tap', 'a', function () { document.location.href = this.href; });

加入以上代码就可以了

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