{"id":115,"date":"2011-11-28T19:36:07","date_gmt":"2011-11-28T18:36:07","guid":{"rendered":"http:\/\/www.avispaverde.es\/?p=115"},"modified":"2011-11-28T19:36:07","modified_gmt":"2011-11-28T18:36:07","slug":"como-solucionar-el-error-uncaught-referenceerror-is-not-defined-al-anadir-jquery","status":"publish","type":"post","link":"http:\/\/pablodelcerro.es\/blog\/2011\/11\/28\/como-solucionar-el-error-uncaught-referenceerror-is-not-defined-al-anadir-jquery\/","title":{"rendered":"\u00bfC\u00f3mo solucionar el error: \u00abUncaught ReferenceError: $ is not defined\u00bb al a\u00f1adir jQuery?"},"content":{"rendered":"<p>Montando <a title=\"portfolio\" href=\"http:\/\/www.avispaverde.es\/portfolio\/\">mi portfolio<\/a> me encontr\u00e9 con este error, y pens\u00e9 en compartirlo. Puede que al a\u00f1adir un jQuery que supuestamente funciona, no veamos resultado alguno mientras que la consola de errores muestra lo siguiente: \u00abUncaught ReferenceError: $ is not defined\u00bb. No debemos alarmarnos puesto que la cosa puede resultar bastante sencilla.<\/p>\n<p>En el siguiente c\u00f3digo vemos dos l\u00edneas que deber\u00edan ir en el &lt;HEAD&gt;, la primera correspondiente al script del efecto en cuesti\u00f3n y la segunda a jQuery, la cu\u00e1l siempre debe estar presente.<\/p>\n<pre>&lt;script type=\"text\/javascript\" src=\"js\/miefecto.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\" src=\"js\/jquery.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>Puede haber dos posibles soluciones:<\/p>\n<p>1. En este caso el error reside en que la primera l\u00ednea deber\u00eda ser siempre la referencia a los scripts de jQuery, despu\u00e9s es cuando podremos poner la referencia a nuestro script en particular, sino no nos lo ejecutar\u00e1. Quedar\u00eda de este modo:<\/p>\n<pre>&lt;script type=\"text\/javascript\" src=\"js\/jquery\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\" src=\"js\/miefecto.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>2. Sin embargo, puede que no nos ejecute por haber cometido alg\u00fan error escribiendo nuestra l\u00ednea, como por ejemplo, utilizar una ruta relativa:\u00a0\u00abjs\/jquery.min.js\u00bb, cuando deber\u00edamos utilizar una ruta absoluta: \u00ab\/js\/jquery.js\u00bb, quedando de la siguiente manera:<\/p>\n<pre>&lt;script type=\"text\/javascript\" src=\"\/js\/jquery\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\" src=\"\/js\/miefecto.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>Hay que recordar que puede que no tengamos los archivos \u00ab.js\u00bb en la misma ruta. Si el problema persiste deja un comentario y le echar\u00e9 un ojo. En la red se pueden encontrar bastante respuestas al respecto pero muy poco en castellano, as\u00ed que si llegas aqu\u00ed googleando espero haber servido de ayuda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Montando mi portfolio me encontr\u00e9 con este error, y pens\u00e9 en compartirlo. Puede que al a\u00f1adir un jQuery que supuestamente funciona, no veamos resultado alguno mientras que la consola de errores muestra lo siguiente: \u00abUncaught ReferenceError: $ is not defined\u00bb. No debemos alarmarnos puesto que la cosa puede resultar bastante sencilla. En el siguiente c\u00f3digo &hellip; <a href=\"http:\/\/pablodelcerro.es\/blog\/2011\/11\/28\/como-solucionar-el-error-uncaught-referenceerror-is-not-defined-al-anadir-jquery\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">\u00bfC\u00f3mo solucionar el error: \u00abUncaught ReferenceError: $ is not defined\u00bb al a\u00f1adir jQuery?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,7],"tags":[],"_links":{"self":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts\/115"}],"collection":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":0,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"wp:attachment":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}