waybi
waybi
  • 发布:2014-11-24 10:36
  • 更新:2016-05-25 15:37
  • 阅读:2405

在一个带有侧滑栏的页面上用plus.webview.create创建几个子页面,会有bug

分类:HTML5+

在一个带有侧滑栏的页面上,用plus.webview.create创建几个子页面,然后append到带有侧滑栏的页面上面去,当打开侧滑栏时,append上去的子页面并没有跟随侧滑,而是纹丝不动,变成有些页面滑动了,有些还是原来的样子,因为apple真机上不知道怎么调试代码,只好上论坛问问

2014-11-24 10:36 负责人:无 分享
已邀请:
waybi

waybi (作者)

补充 MI最新的系统不能真机调试。

waybi

waybi (作者)

代码:
<script type="text/javascript" charset="utf-8">

var subpages = ['1.html','2.html','3.html','4.html'];  
var subpage_style = {  
    top: '48px',  
    bottom: '50px'  
};  
//创建子页面,首个选项卡页面显示,其它均隐藏;  
mui.plusReady(function(){  
    var self = plus.webview.currentWebview();  
    for(var i=0;i<4;i++){  
        var sub = plus.webview.create(subpages[i],subpages[i],subpage_style);  
        if(i>0){  
            sub.hide();  
        }  
        self.append(sub);  
    }  
});  

//当前激活选项,默认为第一个;  
var activeTab = subpages[0];  
//选项卡点击事件  
mui('.mui-bar-tab').on('tap', 'a', function(e) {  
    var targetTab = this.getAttribute('href');  
    if (targetTab == activeTab) {  
        return;  
    }  

    //先隐藏当前的  
    plus.webview.hide(activeTab);  
    //再显示目标  
    plus.webview.show(targetTab);  
    //更改当前活跃的选项卡  
    activeTab = targetTab;  
});  

</script>

主页面为index, 子页面为 1,2,3,4

waybi

waybi (作者)

如图 上面侧滑栏有一部分被子页面遮住了

waybi

waybi (作者)

iphone真机上又调试不了 好蛋碎

yy115

yy115

楼主这个问题解决了吗?能不能提供一下处理方案

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