1

De antemano agradezco que tomen tiempo para ayudarme.

Estoy montando un plantilla de Bootstrap en un proyecto MVC, he montado gran parte.

El problema viene con unos scripts que no están renderizando correctamente y no ejecuta ciertas funcionalidades en el sitio, por ejemplo, al dar clic en el botón de barras, ejecuta un evento que oculta el nav o lo muestra, simplemente no ejecuta el evento.

introducir la descripción de la imagen aquí

Mi BundleConfig.cs es el siguiente:

 public static void RegisterBundles(BundleCollection bundles)
    {
        // Render CSS (OK).
        bundles.Add(new StyleBundle("~/css").Include(
                  "~/css/styles.css"));

        // Render SCRIPTS (Fail)
        bundles.Add(new ScriptBundle("~/js").Include(
            "~/js/Alert.js", //(Solo tiene una alerta("ok"), renderiza correctamente y muestra la alerta).
            "~/js/scripts.js")); //(Tiene funcionalidades para ocultar/mostrar nav, no renderiza y no ejecuta el evento).
    
        // Render ICONS (Ok)
        bundles.Add(new ScriptBundle("~/Icons").Include(
                  "~/Icons/all.min.js"));

        // Render DATATABLE (Ok)
        bundles.Add(new StyleBundle("~/DataTable").Include(
                  "~/DataTable/dataTables.bootstrap4.min.cs"));

    }

En mi HTML tengo:

<head>
 <!--Resto de codigo...-->

@Styles.Render("~/css")
@Scripts.Render("~/Icons")
@Scripts.Render("~/DataTable")
</head>

<body>
 <!--Resto de codigo...-->

@Scripts.Render("~/js")
@RenderSection("scripts", required: false)
</body>

El script tendría que ejecutar el evento del nav y dar como resultado:

introducir la descripción de la imagen aquí

(Pude ejecutar el evento añadiendo <script src="js/scripts.js"></script> directamente a mi index de manera convencional.)

En consola me muestra el siguiente error, no se ha definido el script:

introducir la descripción de la imagen aquí

Seguido, me envía a cierta linea del script.js

introducir la descripción de la imagen aquí

¿Podrían asesorarme? Gracias.

7
  • ¿Podrías agregar información adicional como la pestaña de la consola de esa pantalla, por favor?
    – fredyfx
    Commented el 1 jul. 2020 a las 21:06
  • Me manda un error, dice lo siguiente: Uncaught ReferenceError: jQuery is not defined <anonymous> localhost:44327/js/scripts.js:22 scripts.js:22:1 <anonymous> localhost:44327/js/scripts.js:22 Commented el 1 jul. 2020 a las 22:29
  • en la pregunta incluye esos detalles por favor :) Revisa esta otra pregunta: es.stackoverflow.com/a/336003/822
    – fredyfx
    Commented el 1 jul. 2020 a las 22:43
  • Gracias, de momento he añadido información adicional, seguido, revisare el link que me das. Commented el 1 jul. 2020 a las 22:53
  • 1
    Saludos. Conforme a lo que colocas usas el jQuery y Bootstrap; ambos incluyen sus correspondientes archivos css y js; te sugiero en RegisterBundles te asegures sean los primeros (en el orden antes mencionado) estén incluidos; seguido de ello lo demás que agregues y/o creaste para tu sitio. Basicamente indica que para el momento que se ejecuta donde menciona el fallo no existe (aún) cargado el jQuery (o no se esta cargando o no lo estas cargando actualmente). Commented el 1 jul. 2020 a las 23:12

1 respuesta 1

1

pude solucionar el problema.

Nunca mande a llamar correctamente mi JQuery, lo hacía desde:

<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></scrip>

Mientras el script.js lo hacia desde:

   // Render SCRIPTS ()
        bundles.Add(new ScriptBundle("~/js").Include(
            "~/js/scripts.js",
            ));

Usando @Scripts.Render

@Scripts.Render("~/js")

Al final quedó de esta manera:

      // Render SCRIPTS (Fail)
        bundles.Add(new ScriptBundle("~/js").Include(
            "~/js/scripts.js",
            "~/js/jquery-3.5.1.min.js"
            ));

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.