29

我最近升级了一个网站以使用 ASP.NET MVC 4，并使用以下代码来呈现我的 jQuery 验证包。

但我收到以下错误：

Microsoft JScript runtime error: Object doesn't support property or method 'live'

单击文本框时出现此错误：

Unhandled exception at line 1234, column 5 in http://localhost:13112/Scripts/jquery.validate.js

0x800a138f - Microsoft JScript runtime error: Unable to get value of the property 'call': object is null or undefined

我的捆绑代码：

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

我的 _Layout.cshtml 代码：

    @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/themes/base/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/modernizr")

这是我渲染的 HTML：

<link href="/Content/site.css" rel="stylesheet"/>

        <link href="/Content/themes/base/jquery.ui.core.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.resizable.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.selectable.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.accordion.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.button.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.slider.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.tabs.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.theme.css" rel="stylesheet"/>

        <script src="/Scripts/jquery-1.9.0.js"></script>

        <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

        <script src="/Scripts/jquery-ui-1.9.2.js"></script>

        <script src="/Scripts/modernizr-2.6.2.js"></script>

有人可以指出为什么会发生此错误吗？

谢谢，亚历克斯。

4

1 回答 1

49

.live 方法已在 jQuery v1.7+ 中弃用，并在 jQuery v1.9+ 中删除。

错误报告： http : //bugs.jquery.com/ticket/13213
说明：http: //jquery.com/upgrade-guide/1.9/#live-removed

.live() 已移除

.live() 方法自 jQuery 1.7 起已被弃用，并已在 1.9 中删除。我们建议升级代码以改用 .on() 方法。例如，要精确匹配 $("a.foo").live("click", fn)，可以编写 $(document).on("click", "a.foo", fn)。有关详细信息，请参阅 .on() 文档。同时，jQuery Migrate 插件可用于恢复 .live() 功能。

如何修复：下载jquery migrate 插件并将其添加到您的捆绑包中：

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

更新：迁移插件现在也可以从 Nuget 获得：

PM> 安装包 jQuery.Migrate

于 2013-01-16T11:43:18.223 回答