ASP.NET MVC - jQuery document.ready() 函数未调用

Question

我有一个包含此脚本的 Razor 视图：

<script type="text/javascript">
    jQuery(function()
    {
        alert("hello world");
    })
</script>

加载页面时脚本不会打开警告对话框。

BundleCfg 的一部分：

bundles.Add(New ScriptBundle("~/bundles/jquery").Include(
            "~/Scripts/jquery-{version}.js",
            "~/Scripts/jquery.unobtrusive-ajax.js",
            "~/Scripts/jquery.validate.unobtrusive.js"))

bundles.Add(New ScriptBundle("~/bundles/jqueryval").Include(
            "~/Scripts/jquery.validate*"))

在布局主体的末尾：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required:=False)

Answer 1

用这个更改您的代码。

$(document).ready(function () {
        alert("Hello World");
 });

Answer 2

试试这个

$(document).ready(function() {
    alert("hello world");
});

详情如下： https://learn.jquery.com/using-jquery-core/document-ready/

根据上面的 link 我意识到你的代码：

<script type="text/javascript">
    jQuery(function()
    {
        alert("hello world");
    });
</script>

与此相同

<script type="text/javascript">
  $(document).ready(function() {
      alert("hello world");
  });
</script>

所以问题在于渲染包的位置。

Answer 3

问题是在调用符号$ (jQuery)后加载了jQuery库；这就是为什么它不起作用的原因。

您必须输入以下行：

@Scripts.Render("~/bundles/jquery")

渲染正文之前。

ASP.NET MVC - jQuery document.ready() 函数未调用

ASP.NET MVC - jQuery document.ready() function not called

html

asp.net-mvc

asp.net-ajax