mi código en JS se está volviendo muy grande en este momento, por lo que quería subcontratar secciones a otros archivos, para mayor claridad.

En mi archivo principal uso

 jQuery(document).ready(function ($) { $.getScript("/wp-content/plugins/file2.js",function(){ console.log("loaded 2"); }); $.getScript("/wp-content/plugins/file3.js",function(){ console.log("loaded 3"); });

Esto funciona. En el archivo 2 y 3 uso jQuery con funciones como:

 function getData(){ $.("#foo").on("click", function(){}); }

Así que estoy recibiendo el error

 $ is undefined

porque no declaro $. Pero si envuelvo la función $.ready, no puedo acceder a las funciones dentro del archivo 2 que utilizan los otros archivos.

¿Cómo puedo 'declarar' el $ por separado sin perder el alcance global de la función? ¿O hay incluso una mejor manera? Solo incluyo en html:

 <script src="/wp-content/plugins/file1.js" type="text/javascript"></script>

¡Gracias por ayudar!