1.初期化中にサブページを作成します
2。新しいページを直接開きます
3。ページをプリロードします
【例】1.初期化中にサブページを作成します
mui.init({{{
サブページ:[{{
url:your subpage -url、// sub -page htmlアドレス、ローカルおよびネットワークアドレスをサポートします
ID:あなたの-subpage -id、// subpacked
スタイル:{{
上:サブページ-top-ポジション、サブページのトップ位置
下:subpage -bottom -possition、//サブページの一番下の位置
width:subpage -width、// sub -page幅、デフォルトは100%です
高さ:subpage -height、// sub -page height、デフォルトは100%です
... ...
}、
エクストラ:{} //追加の拡張パラメーター
}]
});
2。新しいページを直接開きます
mui.openwindow({{
URL:new -Page -Url、
ID:new -Page -id、
スタイル:{{
TOP:newPage -top -Position、//新しいページのトップ位置
下:newage -bottom -possition、//新しいページの下部
幅:newPage -Width、//新しいページ幅、デフォルトは100%です
高さ:newPage -Height、//新しいページの高さ、デフォルト
... ...
}、
エクストラ:{
..... //カスタム拡張パラメーターを使用して、ページ間のページの値を処理できます
}
見せる: {
Autoshow:true、//ページの読み込みイベントは自動的に表示されます
Anishow:AnimationType、//ページ表示アニメーション、デフォルトはSlide-in-Diamtです。
持続時間:AnimationTime //ページアニメーション期間、Androidプラットフォームはデフォルトで100ミリ秒のデフォルトになり、iOSプラットフォームはデフォルトで200ミリ秒になります。
}、
待っている: {
AutosHow:true、//待機ボックスを自動的に表示すると、デフォルトはtrueです
タイトル: 'Load ...'、//ダイアログボックスに表示されるプロンプトコンテンツを待っています
オプション:{
幅:待機-Dialog -Widht、//待機ボックスの背景領域を待っています。デフォルトでは、コンテンツに従って適切な幅を自動的に計算する
高さ:待機-dialog -height、//待機ボックスの背景領域、適切な高さはデフォルトでコンテンツに従って自動的に計算されます
... ...
}
}
})
3。ページをプリロードします
//方法1
mui.init({{{
preloadpages:[{{
url:prelaood -page -url、
ID:Preload -Page -Id、
スタイル:{}、//ウィンドウパラメーター
エクストラ:{}、//カスタム拡張パラメーター
サブページ:[{}、{}] // pre -loadページサブページ
}]
});
//方法2
var page = mui.preload({
URL:new -Page -Url、
ID:new -Page -id、//現在のページのURLとしてIDとしてIDとしてID
スタイル:{}、//ウィンドウパラメーター
エクストラ:{} //カスタム拡張パラメーター
});
【いくつかの違い】1。サブページおよび非サブページ
上記の3つの方法のうち、2,3オープンページ非サブページ、
違いは、子ページがHTMLのIFRAMEに相当し、サブページがHTMLをロードした新しいブラウザウィンドウに相当しないことです。
2。サブページは、サイドスライドメニューに適しています
サブページには少しありますが、特にindex.html+list.htmlの状況に適用できます。
index.html(homepage)+list.html(sub -page)を使用すると、ホームページの右ページがスリップされると、子のページが自動的に追跡されます。
index.html(homepage)+list.html(newページ)で実装されている場合、ホームページの表面は正しく、新しいページは正しくスライドせず、新しいページを個別に処理する必要があります。
3。サブページの実用的な切り替えの状況
左右に頻繁にスライドする場合、list.htmlは、index.htmlをカバーするために下部構成携帯電話に表示されます。
サブページモードは使用できず、新しいページモードを使用する可能性は非常に高くなります。
4。サブページアプリケーションとドロップダウンリフレッシュとプルアップロード
前にリフレッシュしたとき、私は新しいページの形を使用しました。
公式ウェブサイトのチュートリアルによると、それを行うことは失敗しています、
その後、下部のソースコードを見た後、ドロップダウンリフレッシュはサブページの形式を採用する必要があることがわかりました。
つまり、list.htmlは、ドロップダウンするにはindex.htmlのサブページでなければなりません。
5.新しいページは新しいページに適しています
Openは、新しいページの状況を開く必要がある新しいページです。
MUIは新しいページのバックメソッドをカプセル化しており、心配する必要はありません。
6.プリロードページの2つの方法
最初は初期化時にプレロードされます、
この状況は、長い間あなたのページに適しています。
すぐにページを取得したい場合は、nullが表示されます。
2番目の方法は、オープンに似ています、
私は個人的に大きな違いはないと感じています、
唯一の違いは、オープンが直接開いていることです。
プリロードはロードされているだけで、開口部のタイミングを選択できます。
7。概要
プルアップの負荷を更新する必要があります。サブページを使用してください。サブページを使用してください。
新しいページを開く必要があります。新しいページメソッドを使用してください。
ページをロードする必要がありますが、当面は使用していません。プレロード方法を使用してください。
上記は、この記事のすべてのコンテンツです。