$是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. “ $（”。下拉toggle”）。下拉不是函数”

任何帮助深表感谢。谢谢。

编辑：我尝试了 https://stackoverflow.com/a/9301017/759257

并包括最新的jQuery版本1.7.1，现在可以使用！！

有帮助吗？

解决方案

您正在以错误的顺序加载脚本。首先加载jQuery，否则它将用于Bootstrap脚本。

其他提示

您不会以正确的顺序设置它：

<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
});

进一步阅读

我遇到了完全相同的问题。我原本是，基本上，前面将所有JavaScript文件（包括bootstrap）加载到一个大型捆绑中，如下所示：

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

我当时在想Bootstrap在jQuery之后加载，所以应该没关系。没有。因此，我将Bootstrap放入一个单独的捆绑包中，如下所示：

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

这导致bootstrap在jQuery之后加载属性。 DJB的解决方案可能也可以完成这项工作。但这对我有用。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top