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

时间:2014-07-21 09:48:18

标签: jquery ajax asp.net-mvc

在MVC中..我已将我的版本升级到Jquery 1.9.1并删除了旧版本。在我的JQuery中也没有重复调用..我也用jquery.unobtrusive-ajax.js替换了实时...仍然是这个错误继续..

修改: 1.这个错误出现在我替换第一个实时功能的位置上。 2.我还重新启动了Asp.Net Server ..并清除所有缓存..仍然存在问题

编辑2:我已经解决了这个问题通过使用旧版本的JQuery(1.5.2)..我无法改变整个项目的实时功能......但是只剩下一个问题了Tabs()函数不能在JQuery 1.5.2中使用...我需要sugesstion,如果有任何旧版本的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 个答案:

答案 0 :(得分:6)

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

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

<强> See The Syntax