文档章节

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

 前端小谢
发布于 2016/11/08 13:44
字数 233
阅读 629
收藏 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
MUI顶部选项卡,关于滑动的问题,求解答!

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

OSC_RHTnHb
02/02
0
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
Android 与 WebView 数据交互

1. 创建Android 项目 打开Android Studio 创建一个空的Android项目 打开Android虚拟机,这里使用的是Genymotion 2. 添加webview 清空layout内容,添加WebView控件 此时运行项目,发现android...

塔歌
07/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何通过 J2Cache 实现分布式 session 存储

做 Java Web 开发的人多数都会需要使用到 session (会话),我们使用 session 来保存一些需要在两个不同的请求之间共享数据。一般 Java 的 Web 容器像 Tomcat、Resin、Jetty 等等,它们会在...

红薯
今天
1
0
C++ std::thread

C++11提供了std::thread类来表示一个多线程对象。 1,首先介绍一下std::this_thread命名空间: (1)std::this_thread::get_id():返回当前线程id (2)std::this_thread::yield():用户接口...

yepanl
今天
2
0
Nignx缓存文件与动态文件自动均衡的配置

下面这段nginx的配置脚本的作用是,自动判断是否存在缓存文件,如果有优先输出缓存文件,不经过php,如果没有,则回到php去处理,同时生成缓存文件。 PHP框架是ThinkPHP,最后一个rewrite有关...

swingcoder
今天
1
0
20180920 usermod命令与用户密码管理

命令 usermod usermod 命令的选项和 useradd 差不多。 一个用户可以属于多个组,但是gid只有一个;除了gid,其他的组(groups)叫做扩展组。 usermod -u 1010 username # 更改用户idusermod ...

野雪球
今天
1
0
Java网络编程基础

1. 简单了解网络通信协议TCP/IP网络模型相关名词 应用层(HTTP,FTP,DNS等) 传输层(TCP,UDP) 网络层(IP,ICMP等) 链路层(驱动程序,接口等) 链路层:用于定义物理传输通道,通常是对...

江左煤郎
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部