Je ressens des performances terribles quand je vais $ ("# mydiv"). Afficher () et $ ("# mydiv"). Cacher () uniquement dans Safari et Chrome sur un Mac, tous les autres navigateurs, y compris IE6 fonctionnent bien sur PC et Mac, il s'agit donc d'un problème de webkit. P>
La Div "mydiv" contient un grand nombre d'éléments, y compris de nombreux cases à cocher, des onglets JQueryUI et 3 curseurs. P>
J'ai essayé "addclass" au lieu de montrer / masquer, j'ai essayé de définir la marge vers -10000 et de retour à 0 et aucune de ces choses ne semble aider. Y a-t-il un travail autour ou est-ce une limitation de ces navigateurs? P>
4 Réponses :
Vous pouvez essayer ceci:
$("#myDiv").css("display", "none");
Je l'ai fait, ne fait absolument aucune différence
Très étrange. Normalement, WebKit effectue très bien avec un grand nombre de nœuds DOM.
Essayez de mettre en cache votre mydiviv en faisant var $ mydiv = $ ('# mydiv') code> et dans votre sélecteur, il suffit d'utiliser
$ mydiv code>. Cela évitera de créer un objet JQuery chaque fois que vous souhaitez montrer ou masquer. p>
Essayé, mais n'aide pas du tout :(
Cela semble être un problème déjà discuté jQuery Masquer () et Show () est trop lent dans Google Chrome . Ils ont déterminé qu'il s'agissait d'un bug en chrome. P>
J'ai vu ça, mais ça ne donne pas une solution de contournement. En outre, Safari a le même problème.
OK, je m'excuse pour cela, mais cela fait souffler ... p>
Après avoir Solid 50 JS Tweaks sans en profit, il s'avère que mon problème était dans CSS !!! P>
Après avoir gaspillé une journée à ce sujet, il s'avère que "taille de fond: 100%;" Crashes webkit! C'est fou ... Supprimer qu'une ligne a retiré tous mes accidents. P>
Encore une fois, très désolé de signaler le mauvais problème. P>
Urg. Je l'avais aussi (Chrome et Safari Dernières sur Windows 7, si cela importe). Les navigateurs étaient vraiment lents dans la plupart des animations JQuery, alors que FX, c'est-à-dire et l'opéra allait toutes bien et je ne savais pas pourquoi. Turing Off Taille de l'arrière-plan: Auto 100%; Code> résolvé. Merci d'avoir posté cette solution (plutôt frustrante).
Peut-être que cela pourrait être un problème de jQuery? Essayez d'utiliser JavaScript classique et voyez si cela a un effet.
document.getElementyID ('mydiv'). Style.display = 'Aucun' Code>
Comment avez-vous déterminé que
.Show () code> et
Hide () code> causent la lenteur?
Je viens de dire que ce genre de choses fonctionne généralement plus vite pour moi en webkit que les autres. o.o
Sur un Mac? Ceci est un problème spécifique Mac