$はjqueryの未定義のエラーです

StackOverflow https://stackoverflow.com/questions/9313612

  •  26-10-2019
  •  | 
  •  

質問

Twitter Bootstrapの使用中にこのエラーが発生しています。 HTMLで使用したときにこのエラーが発生しませんでした。私はそれをWordPressのテーマに変換しました、そして今、私はこのエラーを取得しています。

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

これらのエラーが発生しています。

  1. Bootstrap-dropdown.js行72で「$は未定義です」。
  2. "$（"。ドロップダウントグル "）。ドロップダウンは関数ではありません」

どんな助けも大歓迎です。ありがとう。

編集：これを試しました https://stackoverflow.com/a/9301017/759257

そして、最新のjQueryバージョン1.7.1を含めて、今は機能します!!

役に立ちましたか？

解決

スクリプトを間違った順序でロードしています。最初にjQueryをロードします。それ以外の場合は、ブートストラップスクリプトで使用できません。

他のヒント

あなたはそれを正しい順序で設定していません：

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

「bootstrap-dropdown.js」ファイルはjQueryプラグインであると思います。その場合は、最初にjqueryをロードする必要があるので、切り替えます <script> 周りのタグ。

最初にjquery.min.jsに電話してから、bootstrap-dropdown.js

Bootstrap-DropDown.jsはjQueryなしで実行されているためです

また、WordPressでJQを使用する場合は、コードをラップする必要があります 

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

参考文献

私はこれとまったく同じ問題を抱えていました。私はもともと、基本的に、Bootstrapを含むすべてのJavaScriptファイルを次のように1つのメガバンドルにフロントロードしていました。

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

私はブートストラップがjQueryの後にロードしていると思っていたので、それは大丈夫なはずです。いいえ。そこで、次のようにブートストラップを別のバンドルに入れました。

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

これにより、ブートストラップはjQueryの後にプロパティをロードしました。おそらく、DJBの解決策も仕事をしていたでしょう。しかし、これは私のためにうまくいきました。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top