文档章节

mui webview选项卡 首次只加载首页,点击触发打开页面

 前端小谢
发布于 2016/11/08 13:44
字数 233
阅读 634
收藏 0

 官方提供的demo是首次运行时全部的子页面都加载出来,只是不显示,实际使用中此功能有时不符要求,稍微改了下,点击对应的选项卡,再打开对应的页面

var self = plus.webview.currentWebview();  
for (var i = 0; i < 1; i++) {//这里的4或者3改成1,只加载第一个页面  
    var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);  
    if (i > 0) {  
        sub.hide();  
    }  
    self.append(sub);  
}  

 

 //选项卡点击事件  
mui('.mui-bar-tab').on('tap', 'a', function(e) {  
var targetTab = this.getAttribute('href');  
  
if (targetTab == activeTab) {  
return;  
}  
//更换标题  
//title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;  
//显示目标选项卡  
//plus.webview.show(targetTab);//这是demo的方法,显示已经加载的页面,改成下边的  
var self = plus.webview.currentWebview();  
var sub = plus.webview.create(targetTab, targetTab, subpage_style);  
self.append(sub);  
//隐藏当前;  
plus.webview.hide(activeTab);//这里应该是关闭页面,隐藏会影响加载速度 
  plus.webview.close(activeTab); 
//更改当前活跃的选项卡  
activeTab = targetTab;  
});   

 

© 著作权归作者所有

共有 人打赏支持
粉丝 5
博文 36
码字总数 10963
作品 0
程序员
私信 提问
mui混合开发(三)

简述:当我们点击一个页面要向iOS原生一样动画过渡到下一个页面,mui的方式是打开子页面。 注意:重点说一下我遇到的问题打开子页面mui会创建一个新的webView,当你执行mui.back()这个页面会...

全村的希望iOS
01/10
0
0
webview-从业务出发的思考

背景:公司业务2B业务起步,为了app能尽快上线,所以针对一些核心功能使用了H5编写。 问题:核心功能带来 ---> 用户高频触发。而H5从webview打开 到 H5 页面展示出来,在ios iphone5 和 ipho...

麦子_FE
11/07
0
0
MUI顶部选项卡,关于滑动的问题,求解答!

我用MUI框架写移动APP,用了一个顶部选项卡可以左右拖动的,在选项卡内部添加了一些内容之后导致选项卡的子页面可以上下滑动,同时还能左右滑动切换选项卡,按照正常逻辑来讲,当我们手指按下去上...

OSC_RHTnHb
02/02
281
0
mui混合开发(二)

简述:混合App的流畅性不比原生的App,当网络不好的时候出现空白页面体验很不好,mui文档给出了两个解决方案,方案一很简单,方案二是预加载模式下一章节配合mui自定义事件详细讲解 一:打开...

全村的希望iOS
01/10
0
0
Android WebView基本使用

WebView介绍 Android WebView在Android平台上是一个特殊的View, 基于webkit引擎、展现web页面的控件,这个类可以被用来在你的app中仅仅显示一张在线的网页,还可以用来开发浏览器。WebView...

临江仙卜算子
07/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

logback.xml 配置

需要引入 logback-core-1.1.2.jar <?xml version="1.0" encoding="UTF-8"?><configuration debug="false"> <!--定义日志文件的存储地址 勿在 LogBack 的配置中使用相对路径 --> ......

夜醒者
9分钟前
1
0
Java 11 已发布,String 还能这样玩!

在文章《Java 11 正式发布,这 8 个逆天新特性教你写出更牛逼的代码》中,我有介绍到 Java 11 的八个新特性,其中关于 String 加强部分,我觉得有点意思,这里单独再拉出来讲。 Java 11 增加...

Java技术栈
33分钟前
6
0
什么是以太坊DAO?(二)

Decentralized Autonomous Organization,简称DAO,以太坊中重要的概念。一般翻译为去中心化的自治组织。 在上一节中,我们为了展示什么是DAO创建了一个合约,就像一个采用邀请制的俱乐部,会...

geek12345
48分钟前
4
0
全屋WiFi彻底无死角 这才是终极解决方案

无线网络现在不仅在家庭中不可或缺,在酒店、医院、学校等场景中的需求也越来越多。尤其是这些场景中,房间多但也需要每个房间都能够完美覆盖WiFi,传统的吸顶式AP就无法很好的解决问题。 H3...

linux-tao
今天
6
0
Python日期字符串比较

需要用python的脚本来快速检测一个文件内的二个时间日期字符串的大小,其实实现很简单,首先一些基础的日期格式化知识如下 复制代码 %a星期的简写。如 星期三为Web %A星期的全写。如 星期三为...

dragon_tech
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部