jQuery $ (document) .ready(); y déclarant toutes les fonctions

Question

Explication: J'ai peu d'objets et je les déclare dans $ (document) .ready(). POURQUOI? parce que dans mille objets j'ai beaucoup de méthodes jquery $ (..), évidemment, ils peuvent travailler à l'extérieur aussi, mais quand j'inclus mootool, alors il cesse de fonctionner. J'ai essayé noConflict et d'autres choses, rien ne fonctionne, seulement si je change le $() à jQuery() ou à $ j() .. et je ne veux pas changer pour mes 20 fichiers et plus de 2000 lignes pour chaque fichier. de toute façon déclarer mes objets dans $ (document) .ready(). les a fait fonctionner très bien.

Ma question est la suivante: si je déclare tous ces objets à l'intérieur du $ (document) méthode de .ready(), serait-il mon site lent? ou est-ce que cela ralentirait le côté client? C'est la seule préoccupation dans mon esprit.

Answer 1

Je ne vois pas comment cela ralentirait votre site. En les déclarant dans le $().ready vous limitez simplement la portée de vos déclarations à cette fonction $().ready particulière, ainsi ils ne seront pas disponibles dans les limites de autres fonctions prêt sur la même page - qui ne devrait pas vraiment être un dérangez si votre application est bien conçue et vous avez collé à un par page. Oh, et vos déclarations n'auront certainement pas été analysées jusqu'à ce que le DOM soit complètement chargé (comme vous le savez, $().ready ne s'exécute que lorsque le DOM est chargé), mais cela ne devrait pas poser de problème Je ne les utilise que dans une fonction prête (du moins j'espère).

Avez-vous vraiment besoin de deux bibliothèques? Si vous n'utilisez qu'une ou deux petites fonctionnalités de l'une de ces bibliothèques, vous risquez d'imiter ce comportement en utilisant celui que vous utilisez le plus. Si vous pouvez éventuellement faire cela, il rendra votre vie donc beaucoup plus simple.

Answer 2

simplement déclarer jQuery.noConflict avant que la demande document.ready, puis alias la méthode jQuery pour $ au sein de la document.ready ...

jQuery.noConflict(); 
jQuery(document).ready(function($){ 

}); 

Answer 3

Faire tout jQuery.ready ne sera pas ralentir votre site.

En tant que solution de rechange, vous pouvez remplacer $ avec jQuery dans tous votre code jQuery, ou vous pouvez l'envelopper dans une fonction comme ceci:

(function($) { 
    $('whatever').something(); 
})(jQuery); 

Ce code fait une fonction qui prend un paremeter appelé $ et appelle cette fonction avec l'objet jQuery. Le paramètre $ masquera l'objet global $ de mootools dans le cadre de la fonction, vous permettant d'écrire du code jQuery normal à l'intérieur de la fonction.