logo标签列表

对象不支持属性或方法'live'。

jqueryajaxasp.net-mvc
5
在MVC中，我将版本升级到Jquery 1.9.1并删除了旧版本。我的JQuery中也没有重复的调用。我还在jquery.unobtrusive-ajax.js中用on替换了live。但是这个错误仍然存在。
编辑： 1.这个错误出现的位置与我替换第一个live函数的位置相同。 2.我已经重新启动了Asp.Net服务器，并清除了所有缓存。问题仍然存在。
编辑2：我通过使用旧版本的JQuery（1.5.2）解决了这个问题。我不能更改整个项目的live函数，但只剩下一个问题，即JQuery 1.5.2中无法使用Tabs（）函数。我需要建议是否有任何旧版本的Tabs（）。
Layout.cshtml
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|Open+Sans+Condensed:300,700"
        rel="stylesheet" />
    <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/css/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/home.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/nivo-slider.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/jquery.multiselect.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/assets/style.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/assets/prettify.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/css/themes/ui-lightness/jquery-ui-1.10.1.custom.css")" rel="stylesheet" type="text/css" />
    <script href="@Url.Content("~/Content/js/common/jquery.jqGrid-4.5.4/js/jquery-1.9.0.min.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/common/jquery/jquery-ui-1.10.1.custom.min.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/css/bootstrap-cerulean.css")" rel="stylesheet" type="text/css" />
    <script href="@Url.Content("~/Content/css/assets/prettify.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/common/jquery.multiselect.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/css/fonts.css")" rel="stylesheet" type="text/css" />
    <script href="@Url.Content("~/Content/js/highcharts/highcharts.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/dashboard/eut.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/common/jquery/jquery.stickytableheaders.min.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/dashboard/ActRate.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/dashboard/Zilla.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/dashboard/Fmi.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/dashboard/scores.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/dashboard/UFZillaErrorStatus.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/common/date.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/common/jquery/jquery.tablesorter.js")" type="text/javascript"></script>
    <script href="@Url.Content("~/Content/js/common/jquery/jquery.tablesorter.widgets.js")" type="text/javascript"></script>
</head>
<body>
    @RenderBody()
</body>
</html>

部分视图(IndiaOCR.cshtml)

@{
    ViewBag.Title = "IndiaOCR_View";
}
<h2>
    IndiaOCR_View</h2>
<body>
    <form id="form1" runat="server">
    <div id="tabs">
        <ul>
            <li id="redi" runat="server" visible="true" class='selected'>@Ajax.ActionLink("maindiv", "maindiv", null, new AjaxOptions { UpdateTargetId = "maindiv1" }, new { })</li>
            <li id="eutset" runat="server" visible="true">@Html.ActionLink("EUT", "EUT")</li>
            <li id="Li1" runat="server" visible="true">@Html.ActionLink("Regional Readiness", "RR")</li>
            <li id="Li2" runat="server" visible="true">@Html.ActionLink("Reports", "Reports")Reports</li>
            <li id="Li4" visible="false">@Html.ActionLink("Settings", "Settings")</li>
        </ul>
        <div id="maindiv1">
            <p>
                maindiv</p>
        </div>
    </div>
    </form>
    @using System.Web.Optimization
    @Scripts.Render("~/bundles/jquery")
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            $("#tabs").css({ 'color': "#444433", 'font-family': "Nokia Sans Wide Multiscript, Arial, sans-serif", 'font-size': "1em" });
            $("#tabs").tabs();

            var als = $('#tabs a[href="#maindiv"]').parent().index();
            $("#tabs").tabs("option", "active", als);
            //var disabled = $("#tabs").tabs('option', 'disabled');
            //$("#tabs").tabs('option', 'disabled', [3, 4]);
            $("#tabs").tabs({
                active: false,
                collapsible: true,
                beforeActivate: function (event, ui) {

                    if (ui.newTab.index('option', 'selected') != ui.newTab.index()) {

                        window.open($(ui.newTab).find('a').attr('href'), '_parent');
                        return false;
                    }
                    else {
                        event.preventDefault();
                    }
                }
            });
            $("#gmenu").css({ 'color': "#444433", 'font-family': "Nokia Sans Wide Multiscript, Arial, sans-serif", 'font-size': "1em" });
            $("#gmenu").tabs();
            //selected = $("#maindiv").text();




            $('.editbut').button({
                icons: {
                    primary: "ui-icon-pencil"
                },
                text: false



            });




        });
    </script>
</body>

我的jquery.unobtrusive-ajax.js

/*!
** Unobtrusive Ajax support library for jQuery
** Copyright (C) Microsoft Corporation. All rights reserved.
*/

/*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: false */
/*global window: false, jQuery: false */

(function ($) {
    var data_click = "unobtrusiveAjaxClick",
        data_validation = "unobtrusiveValidation";

    function getFunction(code, argNames) {
        var fn = window, parts = (code || "").split(".");
        while (fn && parts.length) {
            fn = fn[parts.shift()];
        }
        if (typeof (fn) === "function") {
            return fn;
        }
        argNames.push(code);
        return Function.constructor.apply(null, argNames);
    }

    function isMethodProxySafe(method) {
        return method === "GET" || method === "POST";
    }

    function asyncOnBeforeSend(xhr, method) {
        if (!isMethodProxySafe(method)) {
            xhr.setRequestHeader("X-HTTP-Method-Override", method);
        }
    }

    function asyncOnSuccess(element, data, contentType) {
        var mode;

        if (contentType.indexOf("application/x-javascript") !== -1) {  // jQuery already executes JavaScript for us
            return;
        }

        mode = (element.getAttribute("data-ajax-mode") || "").toUpperCase();
        $(element.getAttribute("data-ajax-update")).each(function (i, update) {
            var top;

            switch (mode) {
            case "BEFORE":
                top = update.firstChild;
                $("<div />").html(data).contents().each(function () {
                    update.insertBefore(this, top);
                });
                break;
            case "AFTER":
                $("<div />").html(data).contents().each(function () {
                    update.appendChild(this);
                });
                break;
            default:
                $(update).html(data);
                break;
            }
        });
    }

    function asyncRequest(element, options) {
        var confirm, loading, method, duration;

        confirm = element.getAttribute("data-ajax-confirm");
        if (confirm && !window.confirm(confirm)) {
            return;
        }

        loading = $(element.getAttribute("data-ajax-loading"));
        duration = element.getAttribute("data-ajax-loading-duration") || 0;

        $.extend(options, {
            type: element.getAttribute("data-ajax-method") || undefined,
            url: element.getAttribute("data-ajax-url") || undefined,
            beforeSend: function (xhr) {
                var result;
                asyncOnBeforeSend(xhr, method);
                result = getFunction(element.getAttribute("data-ajax-begin"), ["xhr"]).apply(this, arguments);
                if (result !== false) {
                    loading.show(duration);
                }
                return result;
            },
            complete: function () {
                loading.hide(duration);
                getFunction(element.getAttribute("data-ajax-complete"), ["xhr", "status"]).apply(this, arguments);
            },
            success: function (data, status, xhr) {
                asyncOnSuccess(element, data, xhr.getResponseHeader("Content-Type") || "text/html");
                getFunction(element.getAttribute("data-ajax-success"), ["data", "status", "xhr"]).apply(this, arguments);
            },
            error: getFunction(element.getAttribute("data-ajax-failure"), ["xhr", "status", "error"])
        });

        options.data.push({ name: "X-Requested-With", value: "XMLHttpRequest" });

        method = options.type.toUpperCase();
        if (!isMethodProxySafe(method)) {
            options.type = "POST";
            options.data.push({ name: "X-HTTP-Method-Override", value: method });
        }

        $.ajax(options);
    }

    function validate(form) {
        var validationInfo = $(form).data(data_validation);
        return !validationInfo || !validationInfo.validate || validationInfo.validate();
    }

    $("a[data-ajax=true]").on("click", function (evt) {
        evt.preventDefault();
        asyncRequest(this, {
            url: this.href,
            type: "GET",
            data: []
        });
    });

    $("form[data-ajax=true] input[type=image]").on("click", function (evt) {
        var name = evt.target.name,
            $target = $(evt.target),
            form = $target.parents("form")[0],
            offset = $target.offset();

        $(form).data(data_click, [
            { name: name + ".x", value: Math.round(evt.pageX - offset.left) },
            { name: name + ".y", value: Math.round(evt.pageY - offset.top) }
        ]);

        setTimeout(function () {
            $(form).removeData(data_click);
        }, 0);
    });

    $("form[data-ajax=true] :submit").on("click", function (evt) {
        var name = evt.target.name,
            form = $(evt.target).parents("form")[0];

        $(form).data(data_click, name ? [{ name: name, value: evt.target.value }] : []);

        setTimeout(function () {
            $(form).removeData(data_click);
        }, 0);
    });

    $("form[data-ajax=true]").on("submit", function (evt) {
        var clickInfo = $(this).data(data_click) || [];
        evt.preventDefault();
        if (!validate(this)) {
            return;
        }
        asyncRequest(this, {
            url: this.action,
            type: this.method || "GET",
            data: clickInfo.concat($(this).serializeArray())
        });
    });
}(jQuery));

请指出我哪里做错了
1
.live在jQuery 1.7.2中已被弃用，请使用.on()。 - Sudharsan S
дЅ иЇґдЅ ењЁдЅ зљ„ajaxи„љжњ¬дё­ж›їжЌўдє†live()пјЊдЅ†е…¶д»–ењ°ж–№е‘ўпјџе®ѓе‘ЉиЇ‰дЅ й”™иЇЇењЁе“Єй‡Њеђ—пјџ - Reinstate Monica Cellio
  1. 这个错误出现在我替换第一个实时函数的同一位置..我已经搜索了解决方案..但没有找到任何实时函数。
  2. 我也重新启动了 Asp.Net 服务器..清除了所有缓存..问题仍存在。
 - neeraj
您的服务器可能存在文件缓存问题（而非浏览器缓存）。如果您能够在这里复现该问题，那将非常好：http://jsfiddle.net。 - paulitto
我通过使用旧版本的JQuery（1.5.2）解决了这个问题...我不能更改整个项目的实时功能...但是只剩下一个问题，即在JQuery 1.5.2中无法使用Tabs()函数...我需要建议是否有任何旧版本的Tabs()函数。 - neeraj
如果你指的是来自jqueryui的选项卡，那么你应该使用支持该版本jquery的jqueryui版本，例如你正在使用仅支持jquery 1.6及更高版本的jqueryui 1.10，请参见此处，因此我猜你应该选择支持1.3.2及更高版本的jqueryui 1.8 - 请参见此处。 - paulitto
1个回答
6

.live()在jq1.7中已被弃用。您需要使用.on()代替.live()。

同时，在使用.on()时，您需要以不同的方式处理事件委托。

请查看语法

1
这句话应该是一个问题，而不是一个回答：“我在jquery.unobtrusive-ajax.js中将live替换为on，你对此有疑问吗？” - Reinstate Monica Cellio
如果您查看他告诉我们修改为使用on()而不是live()的脚本，那么您可以看到他正在正确使用它，并且与委托无关。此外，错误消息是关于尝试使用live()，因此也与委派无关。 - Reinstate Monica Cellio
1
@Archer：他的使用方法是正确的，但是没有事件委托，实际上他所有的on用法都不适用于动态内容。 - paulitto
1
这并不是偶然，而是使用live而不是bind的唯一原因。 - paulitto
天啊！！！你读了文档。是的，live()可以用于事件委托，但这并不意味着它就是！在评论区下面学会提问，而不是在得出错误结论和浪费OP和你自己的时间之前。这个问题与事件委托没有任何关系！说真的，我退出了。除非OP回复，否则我不会再发表评论了。 - Reinstate Monica Cellio
显示剩余9条评论
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接