Question

我有一个MVC应用程序，它给出了上述错误。应用程序默认引用Scripts文件夹中的jquery-1.8.2.js。在NuGet中，我添加了jquery-ui-1.11.4.js。

以下是相关的代码部分：

BundleConfig.cs：

var li = '<li><div>' + productVal + btn + '</div></li>';

}

_Layout.cshmtl：

public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                    "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                    "~/Content/themes/base/jquery.ui.core.css",
                    "~/Content/themes/base/jquery.ui.resizable.css",
                    "~/Content/themes/base/jquery.ui.selectable.css",
                    "~/Content/themes/base/jquery.ui.accordion.css",
                    "~/Content/themes/base/jquery.ui.autocomplete.css",
                    "~/Content/themes/base/jquery.ui.button.css",
                    "~/Content/themes/base/jquery.ui.dialog.css",
                    "~/Content/themes/base/jquery.ui.slider.css",
                    "~/Content/themes/base/jquery.ui.tabs.css",
                    "~/Content/themes/base/jquery.ui.datepicker.css",
                    "~/Content/themes/base/jquery.ui.progressbar.css",
                    "~/Content/themes/base/jquery.ui.theme.css"));
    }
}

以及datepicker所在的视图：

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
<script src="@Url.Content("~/Scripts/FloatingDiv.js")"></script>

我尝试使用脚本标记引用脚本，并使用@ Url.Content函数处理所有各种脚本，例如：

@using (Html.BeginForm())
{
<div class="container">
    <div class="left-third">
        <label for="Company">Company:</label>
        @Html.DropDownList("Company")
    </div>
    <div class="middle-third" style="padding-left:20px">
        <label for="StartDate">Start Date:</label>
        @Html.TextBox("StartDate", null, new { @class = "datefield input-box" })
    </div>
    <div class="right-third" style="padding-left:20px">
        <label for="EndDate">End Date:</label>
        @Html.TextBox("EndDate", null, new { @class = "datefield input-box" })
    </div>
</div>
<br />
<br />
<br />

<div style="width:100%;text-align:center">
     <input class="button" type="submit" value="Generate Report" />
</div>
}
<script type="text/javascript">
$(function () {
    $('.datefield').datepicker();
});

我在IE中尝试了开发人员工具（F12）的“网络”选项卡，以确保脚本已加载，并且结果为200.我确实注意到了

<script src="@Url.Content("~/Scripts/jquery-ui-1.11.4.js")"></script>

未在网络标签中呈现。我不知道这是否相关，但我认为它只是附带

@Styles.Render("~/Content/themes/base/css")

我尝试移动脚本引用并使用datepicker方法无效。

我真诚地希望你们中的一个聪明人或者gals会知道如何处理这件事。

Answer 1

几乎所有人都猜测，我做错了什么。

我创建了一个新项目，并使用@ Scripts.Render添加了MVC4项目中包含的相应的jquery-1.8.2.js和jquery-ui.1.8.24.js，它们运行良好。我确实必须将Render移到@ Scripts.Render（“〜/ bundles / modernizr”）下面的顶部。

然后我回到原来的项目，用我之前错误安装的NuGet包管理器卸载了jquery-ui-1.11.4.js，并手动复制了jquery-ui-1.8.24.js文件和CSS从新测试项目到旧解决方案的工作表。然后，知道脚本的多个副本可以解决问题，我在母版页中搜索了“jquery”。令人惊讶的是，</body>标签上方的原始文件被引用。我删除它，确保所有捆绑包引用正确的文件，文件在那里，并且没有重复，一切正常。

感谢我忍住我的愚蠢。

MVC4和datepicker：“0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法'datepicker'”

1 个答案: