Skip to content

M
mui
Commit c76be454 authored by hbcui1984's avatar hbcui1984
Browse files
Options

补充preload函数

parent 39192bcc
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 287 additions and 236 deletions
dist/js/mui.js
View file @ c76be454
This diff is collapsed.
dist/js/mui.min.js
View file @ c76be454
This diff is collapsed.
examples/hello-mui/examples/offcanvas-left-plus-main.html
View file @ c76be454
......@@ -127,18 +127,19 @@
if (slideTogether) {
left = '-70%';
}
menu = mui.createWindow({
menu = mui.openWindow({
id: 'offcanvas-plus-menu',
url: 'offcanvas-plus-menu.html',
styles: {
left: left,
width: '70%',
zindex: 9998
},
show:{
aniShow:'none'
}
});
if (menu) {
menu.show('none');
}
//初始化主页面位置
mui.currentWebview.setStyle({
left: 0
});
......
examples/hello-mui/examples/offcanvas-right-plus-main.html
View file @ c76be454
......@@ -124,16 +124,18 @@
if(slideTogether){
left = '100%';
}
menu = mui.createWindow({
menu = mui.openWindow({
id: 'offcanvas-plus-menu',
url: 'offcanvas-plus-menu.html',
styles: {
left: '30%',
width:'70%',
zindex: 9998
},
show:{
aniShow:'none'
}
});
menu.show('none');
mui.currentWebview.setStyle({left:0});
});
//点击侧滑按钮
......
examples/hello-mui/js/mui.min.js
View file @ c76be454
This diff is collapsed.
examples/hello-mui/list.html
View file @ c76be454
......@@ -127,7 +127,7 @@
</li>-->
</ul>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/icons.html">
icon（图标）
......@@ -361,7 +361,7 @@
</li>
</ul>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/radio.html">
radio（单选框）
......@@ -394,9 +394,9 @@
switch（开关）
</a>
</li>
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
tab bar（选项卡）
......@@ -407,7 +407,7 @@
div模式
</a>
</li>
<li class="mui-table-view-cell">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tab-webview-main.html">
webview模式
</a>
......@@ -453,7 +453,7 @@
弹出窗口（Modals）
</a>
</li>-->
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/preload.html">
......@@ -502,110 +502,109 @@
</ul>
</div>
<script>
var limit = 5,count = 0;
var limit = 3,
count = 0;
mui.init({
preloadLimit: limit, //同时并存的预加载窗口数量
swipeBack: false,
});
$.plusReady(function() {
//初始化一级列表的预加载
$('#list>.mui-table-view-cell', document.body).each(function() {
//只预加载一级列表，二级列表在其展开时再预加载；
if (!this.classList.contains('mui-collapse')) {
var url = this.querySelector('a').getAttribute("href");
//预加载，默认使用url作为其id
$.createWindow({
url: url,
preload: true
});
if (++count >= limit) {
return false;
(function($) {
$.plusReady(function() {
//初始化一级列表的预加载
$('#list>.mui-table-view-cell', document.body).each(function() {
//只预加载一级列表，二级列表在其展开时再预加载；
if (!this.classList.contains('mui-collapse')) {
var url = this.querySelector('a').getAttribute("href");
//预加载，默认使用url作为其id
$.preload({
url: url,
});
if (++count >= limit) {
return false;
}
}
}
});
});
//监听展开事件,预加载二级列表的前几个；
$('#list').on('expand', '.mui-collapse', function(e) {
count = 0;
$('.mui-table-view a', this).each(function() {
var url = this.getAttribute("href");
if (~url.indexOf('.html')) {
//单独处理侧滑导航的index
if(~url.indexOf('offcanvas-')){
$.createWindow({
url: url,
styles:{
zindex:9999
},
preload: true
});
}else{
$.createWindow({
url: url,
preload: true
});
}
if(++count>=limit){
return false;
//监听展开事件,预加载二级列表的前几个；
$('#list').on('expand', '.mui-collapse', function(e) {
count = 0;
$('.mui-table-view a', this).each(function() {
var url = this.getAttribute("href");
if (~url.indexOf('.html')) {
//单独处理侧滑导航的index
if (~url.indexOf('offcanvas-')) {
$.preload({
url: url,
styles: {
zindex: 9999
},
});
} else {
$.preload({
url: url,
});
}
if (++count >= limit) {
return false;
}
}
}
});
});
});
});
// 关闭启动界面
plus.navigator.closeSplashscreen();
//下拉刷新两个平台有区别；
if ($.os.ios) {
document.getElementById('pull-refresh-pandora').style.display = "none";
} else if ($.os.android) {
document.getElementById('pull-refresh-h5').style.display = "none";
var list = document.querySelectorAll('.ios-only');
if(list){
for(var i=0;i<list.length;i++){
list[i].style.display = 'none';
// 关闭启动界面
plus.navigator.closeSplashscreen();
//下拉刷新两个平台有区别；
if ($.os.ios) {
document.getElementById('pull-refresh-pandora').style.display = "none";
} else if ($.os.android) {
document.getElementById('pull-refresh-h5').style.display = "none";
var list = document.querySelectorAll('.ios-only');
if (list) {
for (var i = 0; i < list.length; i++) {
list[i].style.display = 'none';
}
}
}
}
});
/**
* 处理链接点击事件
*/
$.ready(function() {
$('body').on('tap', 'a', function(e) {
var id = this.getAttribute('href');
if (id) {
if (~id.indexOf('.html')) {
if (window.plus) {
//侧滑导航涉及Index问题，需要单独处理；
if(~id.indexOf('offcanvas-')){
$.openWindow({
id: id,
url: this.href,
styles:{
zindex:9999
},
preload: true
});
}else{
$.openWindow({
id: id,
url: this.href,
preload:true
});
});
/**
* 处理链接点击事件
*/
$.ready(function() {
$('body').on('tap', 'a', function(e) {
var id = this.getAttribute('href');
if (id) {
if (~id.indexOf('.html')) {
if (window.plus) {
//侧滑导航涉及Index问题，需要单独处理；
if (~id.indexOf('offcanvas-')) {
$.openWindow({
id: id,
url: this.href,
styles: {
zindex: 9999
},
preload: true
});
} else {
$.openWindow({
id: id,
url: this.href,
preload: true
});
}
} else {
document.location.href = this.href;
}
} else {
if (typeof plus !== 'undefined') {
plus.runtime.openURL(id);
}
}
}
} else {
document.location.href = this.href;
}
} else {
if (typeof plus !== 'undefined') {
plus.runtime.openURL(id);
}
}
}
});
});
});
});
})(mui);
</script>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment