1. Créez une sous-page pendant l'initialisation
2. Ouvrez la nouvelle page directement
3. PAGE DE PRÉ-TÉLÉGARGE
【Exemple】1. Créez une sous-page pendant l'initialisation
Mui.init ({{
sous-pages: [{{
URL: Votre -SubPage -Url, // Sub -Page HTML Adresse, prend en charge les adresses locales et réseau
ID: Votre -Subpage -id, // sous-comparé
Styles: {{
Top: sous-page -Position-position, la position supérieure de la sous-page
En bas: sous-page -bottom -Position, // la position inférieure de la sous-page
Largeur: sous-page -Width, // Largeur de sous-page, la valeur par défaut est à 100%
Hauteur: sous-page -Height, // Sous-page Hauteur, la valeur par défaut est à 100%
... ...
},
Extras: {} // Paramètres d'extension supplémentaires
}]
});
2. Ouvrez la nouvelle page directement
mui.openwindow ({{
URL: new -page -url,
ID: new -Page -id,
Styles: {{
Top: NewPage -Top -Position, // nouvelle page Position supérieure
En bas: Newage -Bottom -Position, // en bas de la nouvelle page
Largeur: NewPage -Width, // Nouvelle largeur de page, la valeur par défaut est à 100%
Hauteur: newpage -Height, // Nouvelle page hauteur, par défaut
... ...
},
extras: {
..... // Les paramètres d'extension personnalisés peuvent être utilisés pour traiter la valeur de la page entre la page
}
montrer: {
AutoShow: Vrai, // Événement chargé de la page Afficher automatiquement
ANISHOW: AnimationType, // Affichage de la page Animation, la valeur par défaut est la diaparmatage;
Durée: AnimationTime // Durée d'animation de page, la plate-forme Android par défaut par défaut par défaut, la plate-forme iOS est par défaut à 200 millisecondes;
},
EN ATTENDANT: {
AutoShow: true, // affiche automatiquement la boîte d'attente, la valeur par défaut est vraie
Titre: 'Charge ...', // En attente du contenu rapide affiché dans la boîte de dialogue
Options: {
Largeur: attente -dialog -widht, // en attente de la zone d'arrière-plan de la boîte d'attente, par défaut pour calculer automatiquement la largeur appropriée en fonction du contenu
Hauteur: attente -dialog -height, // la zone d'arrière-plan de la boîte d'attente, la hauteur appropriée est automatiquement calculée en fonction du contenu par défaut
... ...
}
}
})
3. PAGE DE PRÉ-TÉLÉGARGE
// Méthode 1
Mui.init ({{
préloadpages: [{{
URL: Prelaood -Page -Url,
ID: Preload -Page -id,
Styles: {}, // Paramètres de fenêtre
Extras: {}, // Paramètres d'extension personnalisés
Sous-pages: [{}, {}] // sous-page de page de charge
}]
});
// Méthode 2
var page = mui.preload ({
URL: new -page -url,
ID: new -Page -id, // URL sur la page actuelle en tant qu'ID comme ID
Styles: {}, // Paramètres de fenêtre
Extras: {} // Paramètres d'extension personnalisés
});
【Quelques différences】1. Sous-page et non-page
Parmi les trois méthodes ci-dessus, 2,3 Page ouverte non-Sub -pages,
La différence est que la page de l'enfant équivaut à Iframe en HTML, pas la sous-page est équivalente à une nouvelle fenêtre de navigateur chargé un HTML
2. Sous-page convient au menu de diapositive latérale
La sous-page a un peu, particulièrement applicable à la situation avec index.html + list.html.
Si vous utilisez index.html (page d'accueil) + list.html (sous-page), lorsque la bonne page de la page d'accueil est glissée, la page enfant sera automatiquement suivie,
S'il est implémenté avec index.html (page d'accueil) + list.html (nouvelle page), la surface de page d'accueil est correcte, la nouvelle page ne glisse pas correctement et la nouvelle page doit être traitée séparément.
3. SUTRE PRATIQUE PRATIQUE PRATIQUE SITUIE
Si vous glissez fréquemment à gauche et à droite, List.html apparaîtra sur le téléphone mobile de configuration inférieure pour couvrir l'index.html.
Le mode sous-page n'est pas disponible et les chances d'utiliser le nouveau mode page sont très élevées.
4. APPLICATION SUB-PAGE ET RACIPATION DU DOUPE-DOWN ET
Quand j'ai été rafraîchi auparavant, j'ai utilisé la forme d'une nouvelle page.
Selon le didacticiel officiel du site Web, il est infructueux de le faire,
Plus tard, après avoir examiné le code source inférieur, j'ai constaté que le rafraîchissement de drop -down doit adopter la forme de la sous-page.
C'est-à-dire que votre liste.html doit être la sous-page d'Index.html pour se dérouler.
5. La nouvelle page convient à la nouvelle page
Open est une nouvelle page, qui convient aux détails de la visualisation.
Et MUI résume la méthode arrière de la nouvelle page, et vous n'avez pas à vous en soucier.
6. Page de pré-chargement de deux façons
Le premier est pré-téléchargé lors de l'initialisation,
Cette situation convient à votre page pendant longtemps.
Si vous souhaitez obtenir la page immédiatement, vous obtiendrez null.
La deuxième façon est similaire à l'ouverture,
Je pense personnellement qu'il n'y a pas de grande différence,
La seule différence est que l'Open est directement ouvert,
La précharge est chargée, vous pouvez choisir le moment de l'ouverture.
7. Résumé
Vous devez actualiser la charge de pull -up, veuillez utiliser la sous-page, veuillez utiliser la sous-page,
Vous devez ouvrir une nouvelle page, veuillez utiliser la nouvelle méthode de page,
Vous devez charger une page mais non utilisé pour le moment, veuillez utiliser la méthode de pré-chargement.
Ce qui précède est tout le contenu de cet article.