我有一个简单的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应用程序，我确信我真的很密集，谷歌上的所有地方都说要检查文件是否被正确引用，我已经检查了一遍又一遍，请建议!: /
当前回答
我也遇到过类似的问题。在我的c# MVC应用程序中，JQuery没有被识别出来。我需要移动@Scripts.Render("~/bundles/jquery")从底部的我的_Layout。CSHTML文件到section的头。另外，如果你正在使用visual studio，请确保你已经将Jquery作为Nuget包!
<head>
@Scripts.Render("~/bundles/jquery")
</head>
其他回答
我们有同样的问题....但是我不小心检查了文件夹属性并设置了一些东西…
你必须检查你正在访问的每个文件夹的属性。
右键单击文件夹 “权限”选项卡 设置文件夹访问权限: OWNER:创建和删除文件 GROUP:访问文件 其他:访问文件
我希望这是解决方案......
在我的情况下，我指向谷歌托管JQuery。它被正确地包含在内，但我在一个HTTPS页面上，并通过HTTP调用它。一旦我修复了这个问题(或允许不安全的内容)，它就立即启动了。
我也遇到过同样的问题，通过以下步骤解决。 脚本的顺序应该如下所述
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
这个序列对我的代码不正确，我按照上面的方法纠正了这一点，它解决了我的Jquery未定义的问题。
在视图和主布局中使用脚本部分。
将视图中定义的所有脚本放在视图的scripts部分中。通过这种方式，您可以让主布局在所有其他脚本加载后加载此脚本。这是启动一个新的MVC5 web项目时的默认设置。不确定早期版本。
视图/ 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>
注意脚本部分是如何在主布局文件中最后呈现的。
只需把jquery url放在你的jquery代码的顶部
像这样,
<script src="<%=ResolveUrl("~/Scripts/jquery-1.3.2.js")%>" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#post').click(function() {
alert("test");
});
});
</script>
