$ ist undefinierter Fehler in jquery

Question

Ich erhalte diesen Fehler bei der Verwendung von Twitter Bootstrap. Ich habe diesen Fehler nicht bekommen, wenn ich es in html verwende. Ich konvertierte es in ein Wordpress-Theme, und jetzt bekomme ich diesen Fehler.

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

Ich erhalte diese Fehler.

1. "$ ist undefiniert" in bootstrap-dropdown.js Zeile 72.
2. "$(".dropdown-toggle").dropdown ist keine Funktion"

jede Hilfe ist sehr willkommen. Danke.

bearbeiten: ich habe dies versucht https://stackoverflow.com/a/9301017/759257

und fügte die neueste Jquery-Version 1.7.1 ein und jetzt funktioniert es!!

Answer 1

Sie laden die Skripte in der falschen Reihenfolge. Laden Sie jQuery zuerst, sonst ist es für das Bootstrap-Skript nicht verfügbar.

Answer 2

Sie stellen sie nicht in der richtigen Reihenfolge ein:

<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

Ich nehme an, die Datei "bootstrap-dropdown.js" ist ein jQuery-Plugin. Wenn das der Fall ist, müssen Sie zuerst jQuery laden, also wechseln Sie Ihre <script> Tags um.

Answer 4

Zuerst jquery.min.js und dann bootstrap-dropdown.js aufrufen

Weil Ihre bootstrap-dropdown.js ohne jquery läuft

Answer 5

Wenn Sie JQ in Wordpress verwenden, sollten Sie Ihren Code außerdem in

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

Weitere Lektüre