$(function() { ..."> $(function() { ..."/> $(function() { ..."> $(function() { ...">

jQuery-未定义$

JavaScript

神无十三

2020-03-12

我有一个简单的jquery click事件

<script type="text/javascript">
    $(function() {
        $('#post').click(function() {
            alert("test"); 
        });
    });
</script>

以及在site.master中定义的jquery引用

<script src="<%=ResolveUrl("~/Scripts/jquery-1.3.2.js")%>" type="text/javascript"></script>

我检查了脚本是否已正确解析,可以在Firebug中查看标记并直接查看脚本,因此必须找到我。但是,我仍然得到:

$未定义

而且没有一个jQuery的作品。我还尝试了$(document).ready和jQuery等的各种变体。

这是.net 3.5上的MVC 2应用程序,我确定我真的很密集,谷歌上的每个地方都说要检查文件是否被正确引用,我已经检查过并再次检查过,请告知!:/

第1331篇《jQuery-未定义$》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

28个回答
A蛋蛋乐 2020.03.12

在尝试了所有结果之后,我只是通过将脚本src标签从身体移到头部来解决了问题

米亚伽罗L 2020.03.12

我有一个非常相似的问题。在我的C#MVC应用程序中,无法识别JQuery。我需要将@ Scripts.Render(“〜/ bundles / jquery”)从我的_Layout.cshtml文件的底部移至该部分的开头。如果要使用Visual Studio,还请确保已将Jquery作为Nuget软件包使用!

<head>
    @Scripts.Render("~/bundles/jquery")
</head>
Pro小卤蛋 2020.03.12

如果script标签具有defer属性,则显示错误

未捕获的ReferenceError:未定义$

并且必须deferscript标记中删除该属性

逆天古一Mandy 2020.03.12

有一种方法可以使其在其余代码运行之前自动加载javascript。

进入Views \ Shared_Layout.html并添加以下内容

<head>
  <*@ Omitted code*@>
  <script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
</head>
JimJinJin 2020.03.12

我有同样的问题,没有案例可以解决我的问题。唯一对我有用的东西是放在Site.master文件的中,接着是:

<script src="<%= ResolveUrl("~/Scripts/jquery-1.7.1.min.js") %>" type="text/javascript"></script>
<script src="<%= ResolveUrl("~/Scripts/bootstrap/js/bootstrap.min.js") %>" type="text/javascript"></script>

使用src =“ <%= ResolveUrl(”“)...内容页面中的jQuery加载正确。

伽罗卡卡西 2020.03.12

看来,如果将jquery.js文件放在html文件所在的同一文件夹下或某些子文件夹下,则Firebug问题就解决了。例如,如果您的html位于C:/ folder1 /下,则您的js文件也应位于C:/ folder1 /(或C:/ folder1 / folder2等)下,并在html文档中进行相应处理。希望这可以帮助。

达蒙猪猪 2020.03.12

我们有同样的问题....但是偶然地我检查了文件夹属性并进行了设置...

您必须检查要访问的每个文件夹的属性。

  1. 右键单击文件夹
  2. “权限”标签
  3. 设置文件夹访问权限:所有者:创建和删除文件组:访问文件其他:访问文件

我希望这是解决方案……

神无村村 2020.03.12

就我而言,我指的是Google托管的JQuery。它已正确包含在内,但是我在HTTPS页面上,并通过HTTP对其进行了调用。一旦我解决了问题(或允许不安全的内容),它就会立即启动。

乐小小猪猪 2020.03.12

我遇到了同样的问题,无法弄清楚是什么原因造成的。我最近将HTML文件从日语转换为UTF-8,但是对脚本文件没有任何处理。jquery-1.10.2.min.js在此过程中以某种方式损坏(我仍然不知道如何)。用原始修复替换jquery-1.10.2.min.js。

GO凯 2020.03.12

在asp.net中使用jQuery时,如果使用的是母版页,并且要在其中加载jquery源文件,请确保在所有jquery脚本引用之后都具有标头contentplaceholder。

我有一个问题,使用该主页的任何页面都将返回“未定义$”,这仅仅是因为错误的顺序使客户端代码在创建jquery对象之前运行。因此,请确保您具有:

<head runat="server">
    <script type="text/javascript" src="Scripts/jquery-VERSION#.js"></script>
    <asp:ContentPlaceHolder id="Header" runat="server"></asp:ContentPlaceHolder>
</head>

这样,代码将按顺序运行,您将能够在子页面上运行jQuery代码。

Gil村村 2020.03.12

我曾经有这个问题,但没有明显的原因。这是在我通过aspnet开发服务器运行时在本地发生的。它一直在工作,我将所有内容恢复到以前一直在工作但仍然不起作用的状态。我查看了chrome调试器,并成功加载了jquery-1.7.1.min.js。一切都很混乱。我仍然不知道问题出在什么地方,而是关闭浏览器,关闭开发服务器,然后再次尝试解决问题。

神无村村 2020.03.12

我有同样的问题,这是因为我对jQuery.js的引用不在标记中。一旦我切换了,一切就开始起作用。

安东尼

西里猴子 2020.03.12

在解决方案中提到-“最后要做的一件事是确保在加载jQuery之前不加载任何插件。插件会扩展“ $”对象,因此,如果在加载jQuery核心之前加载了插件,那么您会得到您描述的错误。”

为了避免这种情况-

就像jQuery一样,许多JavaScript库都将$用作函数或变量名。在jQuery的情况下,$只是jQuery的别名,因此无需使用$即可使用所有功能。如果我们需要在jQuery旁边使用另一个JavaScript库,则可以通过调用$ .noConflict()将$的控制权返回给另一个库:

StafanHarry 2020.03.12

我使用Url.Content,从来没有问题。

<script src="<%= Url.Content ("~/Scripts/jquery-1.4.1.min.js") %>" type="text/javascript"></script>
米亚神奇 2020.03.12

经过一些测试,我找到了一个快速的解决方案,您可以在索引页面顶部添加:

<script>
$=jQuery;
</script>

它工作得很好:)

ItachiGreen 2020.03.12

该错误意味着jQuery尚未加载到页面上。使用jQuery $(document).ready(...)或它的任何变体都没有好处$

使用window.onload应该在这里工作。请注意,只能将一个功能分配给window.onload为了避免丢失原始的onload逻辑,您可以像这样装饰原始函数:

originalOnload = window.onload;
window.onload = function() {
  if (originalOnload) {
    originalOnload();
  }
  // YOUR JQUERY
};

这将执行最初分配给的功能,window.onload然后执行// YOUR JQUERY

有关 decorator模式的更多详细信息,请参见https://en.wikipedia.org/wiki/Decorator_pattern

小小Near阳光 2020.03.12

当我拼写错误的jQuery引用而不是type="text/javascript"键入“ ... javascirpt” 时,我得到了相同的错误消息;)

逆天LEY 2020.03.12

如上所述,它是由于$变量的冲突而发生的。

我通过为jQuery保留一个辅助变量而没有冲突解决了这个问题。

var $j = jQuery.noConflict();

然后在任何地方使用

$j( "div" ).hide();

更多细节可以在这里找到

Jim米亚西里 2020.03.12

您还在使用其他JavaScript库吗?如果是这样,您可能需要在兼容模式下使用jQuery:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

达蒙西里 2020.03.12

听起来jQuery无法正确加载。您正在使用哪个源/版本?

另外,它可能是名称空间冲突,因此请尝试显式使用jQuery而不是使用$如果可行,您可能希望使用noConflict来确保正在使用的其他代码$不会中断。

斯丁小宇宙 2020.03.12

这意味着您的jQuery库尚未加载。

您可以在拉出jQuery库后移动代码。

或者你可以使用这样的东西

window.onload = function(){
  // Your code here
};  
Pro神奇 2020.03.12

确保您确实加载了jquery而不是 jquery-这是ui!

  <script language="JavaScript" 
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js">
  </script>

这是jquery的正确脚本源:

 <script language="JavaScript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
阳光伽罗 2020.03.12

在视图和主版式中使用脚本部分

将在视图中定义的所有脚本放入视图的“脚本”部分中。这样,您可以在所有其他脚本均已加载之后,使主版式加载。启动新的MVC5 Web项目时,这是默认设置。不确定早期版本。

Views / Foo / MyView.cshtml:

// The rest of your view code above here.

@section Scripts 
{ 
    // Either render the bundle defined with same name in BundleConfig.cs...
    @Scripts.Render("~/bundles/myCustomBundle")

    // ...or hard code the HTML.
    <script src="URL-TO-CUSTOM-JS-FILE"></script>

    <script type="text/javascript">
      $(document).ready(function () {

        // Do your custom javascript for this view here. Will be run after 
        // loading all the other scripts.            
      });
    </script>
}

视图/共享/_Layout.cshtml

<html>
<body>
    <!-- ... Rest of your layout file here ... -->

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

请注意,脚本部分是如何在主布局文件中最后呈现的。

十三JimHarry 2020.03.12

我只是做了同样的事情,发现我有很多

type="text/javacsript"

因此他们正在加载,但没有进一步提示为什么它不起作用。不用说,正确的拼写将其修复。

Stafan阳光 2020.03.12

首先,您需要确保已加载jQuery脚本。这可能来自CDN或您网站上的本地。如果您在尝试使用jQuery之前不首先加载它,它将告诉您jQuery未定义。

<script src="jquery.min.js"></script>

这可以在页面的HEAD或页脚中,只需确保在尝试调用任何其他jQuery东西之前加载它即可。

然后,您需要使用以下两种解决方案之一

(function($){
// your standard jquery code goes here with $ prefix
// best used inside a page with inline code, 
// or outside the document ready, enter code here
 })(jQuery); 

要么

jQuery(document).ready(function($){
// standard on load code goes here with $ prefix
// note: the $ is setup inside the anonymous function of the ready command
});

请注意,很多时候$(document).ready(function(){// code here}); 不管用。

猿老丝 2020.03.12

可能是在调用jquery脚本之前调用了script标记。

<script type="text/javascript" src="js/script.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

结果为$未定义

将jquery.js放在您的脚本标签之前,它将可以工作;),如下所示:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="js/script.js"></script>
猿小小 2020.03.12

如果jQuery插件调用位于旁边</body>,并且在此之前加载了脚本,则应使代码在window.onload事件后运行,如下所示:

window.onload = function() {
  //YOUR JQUERY CODE
}

`

因此,您的代码将仅在加载所有资产后的窗口加载后运行。在这一点上,$将定义jQuery()。

如果您使用:

$(document).ready(function () {
  //YOUR JQUERY CODE
});

`

$还没有在这个时候确定的,因为jQuery是加载之前它被称为,你的脚本将失败上的控制台,第一道防线。

老丝梅樱 2020.03.12

该错误只能由以下三种情况之一引起:

  1. 您的JavaScript文件未正确加载到页面中
  2. 您有一个拙劣的jQuery版本。发生这种情况的原因是有人编辑了核心文件,或者插件可能覆盖了$变量。
  3. 您需要在页面完全加载之前以及jQuery完全加载之前运行JavaScript。

首先,请确保正确调用了什么脚本,它应该看起来像

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

并且不应具有asyncdefer属性

然后,您应该检查Firebug 网络面板,以查看文件是否实际上已正确加载。如果不是,它将以红色突出显示并在其旁边显示“ 404”。如果文件加载正确,则意味着问题是第2个。

确保所有jQuery javascript代码都在代码块中运行,例如:

$(document).ready(function () {
  //your code here
});

这将确保在初始化jQuery 之后加载您的代码

最后要检查的一件事是确保加载jQuery 之前不加载任何插件插件扩展了“ $”对象,因此,如果您在加载jQuery核心之前先加载插件,则会得到您所描述的错误。

注意:如果要加载不需要jQuery来运行的代码,则无需将其放在jQuery ready处理程序中。该代码可以使用分隔document.readyState

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android