$ es un error indefinido en jQuery

Question

Recibo este error mientras uso Twitter Bootstrap. No recibí este error al usarlo en HTML. Lo convertí en un tema de WordPress, y ahora recibo este error.

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('.dropdown-toggle').dropdown()
</script>

Estoy recibiendo estos errores.

1. "$ está indefinido" en Bootstrap-Dropdown.js Line 72.
2. "$ (". desplegable-toggle "). El desplegable no es una función"

Cualquier ayuda es muy apreciada. Gracias.

Editar: probé esto https://stackoverflow.com/a/9301017/759257

¡e incluyó la última versión de jQuery 1.7.1 y ahora funciona!

Answer 1

Estás cargando los scripts en el orden incorrecto. Cargue jQuery primero, de lo contrario, no estará disponible para el script bootstrap.

Answer 2

No lo está configurando en el orden correcto:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript">
$('.dropdown-toggle').dropdown();
</script>

Answer 3

Supongo que el archivo "bootstrap-dropdown.js" es un complemento jQuery. Si ese es el caso, primero debe cargar jQuery, así que cambie su <script> Etiquetas alrededor.

Answer 4

Primero llame a jQuery.min.js luego a su bootstrap-dropdown.js

Porque tu bootstrap-dropdown.js se está ejecutando sin jQuery

Answer 5

Además, cuando usa JQ en WordPress, debe envolver su código en

jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function
});

Otras lecturas

Answer 6

Tuve este mismo problema exacto. Originalmente, básicamente, estaba cargando todos mis archivos JavaScript, incluido Bootstrap, en un Mega-Bundle de la siguiente manera:

    bundles.Add(New ScriptBundle("~/bundles/jquery-etc").Include(
                "~/Scripts/jquery-{version}.js",
                "~/Scripts/jquery-ui-{version}.js",
                "~/Scripts/bootstrap.js",
                "~/Scripts/respond.js",
                [other js files here]))

Estaba pensando que Bootstrap se estaba cargando después de jQuery, por lo que debería estar bien. No. Entonces puse bootstrap en un paquete separado de la siguiente manera:

         bundles.Add(New ScriptBundle("~/bundles/jquery-etc").Include(
                "~/Scripts/jquery-{version}.js",
                "~/Scripts/jquery-ui-{version}.js",
                [other js files here]))


          bundles.Add(New ScriptBundle("~/bundles/bootstrap").Include(
              "~/Scripts/bootstrap.js",
              "~/Scripts/respond.js"))

Esto provocó que Bootstrap cargara propiedad después de jQuery. Probablemente la solución de DJB también habría hecho el trabajo. Pero esto funcionó para mí.