¿Cómo solucionar error Uncaught ReferenceError: $ is not defined en HTML?

publicado por: Anonymous

Tengo este error al ejecutar mi pagina html, tengo un html normal

<HTML>
    <HEAD>
        <script type="text/javascript" src="js/d3.v3.min.js"></script>
        <script type="text/javascript" src="js/utilities.js"></script>
        <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
        <TITLE>Título de la página</TITLE>
    </HEAD>

    <BODY>
        Aquí iría el contenido de la página
    </BODY>
</HTML>

pero al ejecutar mi pagina me muestra error en el archivo “utilerias.js” contiene lo siguiente:

$(document).ready(function() {
    $(document).on('click','#id_articulo', function(e) {
            e.preventDefault();
            alert('CLICK');
            return false;
        });

});

El error me lo marca en la primer linea $(document….. Ayuda, por favor ya intente varias soluciones y el error sigue.

solución

La llamada a tus scripts esta incorrecta, al momento la tienes así

    <script type="text/javascript" src="js/d3.v3.min.js"></script>
    <script type="text/javascript" src="js/utilities.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>

El problema es que cuando el navegador ejecuta el código de utilities.js el llamado a JQUERY todavía no ocurre por eso no reconoce la sintaxis de $ entonces debe quedar así

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/d3.v3.min.js"></script>
    <script type="text/javascript" src="js/utilities.js"></script>

Dado lo anterior para el momento que se ejecuta el código de utilities.js el navegador ya conoce la sintaxis de la librería JQUERY

Respondido por: user75901

Leave a Reply

Your email address will not be published. Required fields are marked *