$ È errore non definito in jQuery

Question

sto ottenendo questo errore durante l'utilizzo di Twitter bootstrap. Non ho fatto questo errore quando lo si utilizza in html. Ho convertito in un tema wordpress, e ora sto ottenendo questo errore.

<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>

sto ottenendo questi errori.

1. "$ non è definito" on line bootstrap-dropdown.js 72.
2. "$ (". Tendina-toggle "). Discesa non è una funzione"

ogni aiuto è molto apprezzato. grazie.

modifica: Ho provato questo https://stackoverflow.com/a/9301017/759257

e inclusa l'ultima versione di jQuery 1.7.1 ed ora funziona !!

Answer 1

si sta caricando gli script nell'ordine sbagliato. Load jQuery prima, altrimenti non sarà disponibile per lo script di bootstrap.

Answer 2

Non sei impostazione nel giusto ordine:

<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

I assumere il file "bootstrap-dropdown.js" è un plugin jQuery. Se questo è il caso, è necessario caricare jQuery prima, in modo da passare i tag <script> intorno.

Answer 4

Per prima jquery.min.js chiamata allora le vostre bootstrap-dropdown.js

Perché i vostri bootstrap-dropdown.js è in esecuzione senza jquery

Answer 5

Inoltre, quando si utilizza JQ in Wordpress si dovrebbe avvolgere il codice in

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

Ulteriore lettura

Answer 6

Ho avuto questo problema esattamente lo stesso. Mi è stato originariamente, in fondo, di carico davanti tutti i miei file javascript, tra cui bootstrap, in un unico mega-pacco come segue:

    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]))

Io pensavo che fosse bootstrap caricamento dopo jquery quindi dovrebbe essere ok. No. Così ho messo bootstrap in un fascio separato come segue:

         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"))

Questa bootstrap causati ai beni carico dopo Jquery. Probabilmente la soluzione di djb avrebbe fatto il lavoro troppo. Ma questo ha funzionato per me.