2009-12-29 2 views
0

J'ai créé un assistant personnalisé qui utilise des divs cachés pour les pages de l'assistant. Voici le demo et le source code.Ne pas afficher les divs cachés dans l'assistant lors de l'actualisation de la page?

Vous remarquerez qu'à chaque actualisation (F5 ou ctrl-r) d'un navigateur, les divs avec des zones de saisie s'afficheront pendant quelques secondes (mili). Y a-t-il un moyen d'éliminer cet effet?

Cette question est liée à how-to-preserve-textbox-values-on-client-side-using-wizard-next-and-back-button

Répondre

3

Définissez le style CSS pour les ids qui doivent d'abord être cachés pour inclure "display: none;". Ensuite, le navigateur ne doit afficher la div que lorsque vous avez utilisé showQ() ou l'équivalent de JQuery.

+0

Mais je l'ai déjà fait avec ce code jquery sur document prêt // Masquer toutes les pages enregistrez le premier. $ ("# wizardContainer"). Children (". Wizardpage"). Hide(); $ ("# wizardContainer"). Children (". Wizardpage: first"). AddClass ("active"). Show(); – nemke

+1

Cela semble se produire seulement "onload" vous devriez les faire pour être cachés en premier lieu. John semble avoir raison. –

+0

Fonctionne comme un charme :) http://jsbin.com/uxive – nemke

1

En mettant de côté jquery, il semble que le code qui cache les divs se passe sur charge.

Jusque-là, ils apparaissent. Comme John Fisher a commenté, les mettre à être cachés par défaut (CSS ou en ligne à display:none)

+0

Merci, John avait raison, et toi aussi. Je devrais mettre les divs initialement cachés et ne pas utiliser jquery pour ça. – nemke

Questions connexes