个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-12-03 23:03:31 24 4
gpt4 key购买 nike

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

编辑:1.这个错误出现在我替换第一个实时函数的同一位置..2.我还重新启动了Asp.Net Server..并清除了所有缓存..仍然是问题

编辑2:我已经通过使用旧版本的JQuery(1.5.2)解决了这个问题..我无法更改整个项目的实时功能...但只剩下一个问题Tabs() 函数不能在 JQuery 1.5.2 中使用...我需要建议是否有旧版本的 Tabs()

布局.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>

部分 View (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));

请指出我遗漏的地方

最佳答案

.live() 在 jq1.7 中已被弃用。您需要使用 .on() 而不是 .live()。

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

<强> See The Syntax

关于jquery - 对象不支持属性或方法 'live'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24862112/

24 4 0
文章推荐： jquery - django-debug-toolbar 无法在 Django 网站中使用 jQuery
文章推荐： jquery - 'panelName' 的 DefaultButton 必须是 IButtonControl 类型的控件的 ID
文章推荐： jquery - parseJSON 失败，而 json_decode 有效
文章推荐： jquery - CoffeeScript 在更改和加载时动态选择表单字段
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com