JQuery - $没有定义

我有一个简单的jquery点击事件

<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应用程序，我确信我真的很密集，谷歌上的所有地方都说要检查文件是否被正确引用，我已经检查了一遍又一遍，请建议!: /

当前回答

这个错误意味着jQuery还没有加载到页面上。使用$(document).ready(…)或其任何变体都没有好处，因为$是jQuery函数。

使用窗口。Onload应该在这里工作。注意，只有一个函数可以分配给window.onload。为了避免丢失原始的onload逻辑，你可以像这样装饰原始函数:

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

这将执行最初分配给window的函数。onload，然后执行// YOUR JQUERY。

有关装饰器模式的更多详细信息，请参阅https://en.wikipedia.org/wiki/Decorator_pattern。

其他回答

如果脚本标签有延迟属性，则显示错误

未定义Uncaught ReferenceError: $

并且必须从脚本标记中删除属性defer

在这里尝试了所有方法都没有结果之后，我简单地通过将脚本src标记从主体移动到头部来解决了这个问题

我有同样的问题，并解决了它使用

document.addEventListener('DOMContentLoaded', () => {
 // code here
});

我在这里没有发现，但确实发生在我身上。请确保您没有包含jQuery精简版，因为该版本的jQuery库不包括Ajax功能。

结果是“$”可以工作，但是$。例如，Get将返回一个错误消息，说明该函数未定义。

解决方案:包含完整版的jQuery。

我也有同样的问题，现在我已经解决了。我的环境如下所示;

Laravel与刀片页。我有一个主布局，并使用部分创建新的页面从我的主页面布局(模板)。

我从我的section页面加载JQuery，而不是我的主布局。我把它从section页面改为从主布局和头部标签的顶部加载JQuery。

推荐文章