GETONE
GETONE
  • 发布:2015-08-03 14:06
  • 更新:2015-08-04 20:01
  • 阅读:1991

MUI链接在安卓上正常,iOS上需要点击两次

分类:MUI

如题,mui做的多webview切换,页面上的链接在安卓上正常点击,在iOS上需要点击两次才可以,是怎么回事?
代码打包了一下,可以看首页的banner图点击链接。
主要代码如下:

<div class="mui-content mui-scroll-wrapper" style="padding-top: 0;" id="pullrefresh">  
        <div class="mui-scroll">  
            <!--首页轮播图-->  
            <div id="slider" class="mui-slider">  
                <div class="mui-slider-group mui-slider-loop">  
                    <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->  
                    <div class="mui-slider-item mui-slider-item-duplicate">  
                        <a href="http://www.qq.com"><img src="../images/homeProject.png"></a>  
                    </div>  
                    <!-- 第一张 -->  
                    <div class="mui-slider-item">  
                        <a href="http://www.baidu.com"><img src="../images/homeProject.png"></a>  
                    </div>  
                    <!-- 第2张 -->  
                    <div class="mui-slider-item">  
                        <a href="http://www.sina.com"><img src="../images/homeProject.png"></a>  
                    </div>  
                    <!-- 第3张 -->  
                    <div class="mui-slider-item">  
                        <a href="http://www.qq.com"><img src="../images/homeProject.png"></a>  
                    </div>  
                    <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->  
                    <div class="mui-slider-item mui-slider-item-duplicate">  
                        <a href="http://www.baidu.com"><img src="../images/homeProject.png"></a>  
                    </div>  
                </div>  
                <div class="mui-slider-indicator">  
                    <div class="mui-indicator mui-active"></div>  
                    <div class="mui-indicator"></div>  
                    <div class="mui-indicator"></div>  
                </div>  
            </div>  
            <!--/首页轮播图-->  
        </div>  
    </div>  
<script>  
//点击事件  
    mui("#pullrefresh").on("tap","a",function(e){  
        var id = this.getAttribute('href');  
        var href = this.href;  
        console.log("href:" href);  
        if(href == "javascript:void(0)"){  
            return;  
        }  

        var title = this.getAttribute("title");  
        if(!plus.webview.getWebviewById("detail")){  
            detailPage = getDetailWebview();  
        }  
        if(this.getAttribute("class")=="homeProjectMoreEl"){  
            return;  
        }  
        if(title=="" || title==null){  
            title = "精英汇公益";  
        }  
        mui.fire(detailPage,'updatePage',{  
            title: title,  
            target: href,  
        })  
//          mui.openWindow({  
//              id: "detail"  
//          })  
        plus.webview.show("detail","slide-in-right");  
        return;  
    })  
//获得详情页面webview实例  
function getDetailWebview(){  
    if(!plus.webview.getWebviewById("detail")){  
        return plus.webview.create("detail.html","detail",{top: 0, bottom: 0});  
    }else{  
        return plus.webview.getWebviewById('detail');  
    }  
}  
</script>
2015-08-03 14:06 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

你是想复用detail这个webview?

如果是的话。那么请使用
detailPage = mui.preload({url:'detail.html',id:'detail'});
如果你不用mui.preload.那么需要你自己维护好该webview的生命周期

  • GETONE (作者)

    之前用预加载有点问题,我再试试,谢谢!

    2015-08-05 02:20

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