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

【问题标题】：ASP.NET MVC - jQuery document.ready() function not calledASP.NET MVC - 未调用 jQuery document.ready() 函数
【发布时间】：2017-03-30 16:42:52
【问题描述】：

我有一个包含此脚本的 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)

【问题讨论】：

您的捆绑包注册一定有问题。
您能具体说明问题吗？
将此添加到您的 html 文件中
您使用这种方法依赖于网络服务。
这个(function($) { $(document).ready(function() { // Code }); })(jQuery);怎么样

标签： html asp.net-mvc asp.net-ajax

【解决方案1】：

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

你必须把这条线：

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

在渲染主体之前。

【讨论】：

【解决方案2】：

试试这个

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

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

根据顶部的链接，我意识到您的代码：

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

和这个一样

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

所以问题只是渲染包的位置。

【讨论】：

你应该声明 @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/bootstrap" ) 在你的 JS 之前。我把它放在布局的标签中

【解决方案3】：

用这个改变你的代码。

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

【讨论】：