什么是jquery-3-3-1中已弃用的.live()语句的正确替换

问题描述 投票:0回答:2

大家晚上,我有一个问题是在ASP.Net Web Form和最新的Jquery库(jquery-3-3-1)中应用这个脚本来显示进度条(原始参考来自this site

<script src="Scripts/jquery-3.3.1.min.js"></script>
<script src="Scripts/jquery-ui-1.12.1/jquery-ui.min.js"></script>
<link href="CSS/jquery-ui-themes-1.12.1/themes/excite-bike/jquery-ui.min.css" rel="stylesheet" />

<style type="text/css">
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        /*-moz-opacity: 0.8;*/
        min-height: 100%;
        width: 100%;
    }

    .loading {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 130px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }
</style>

<script type="text/javascript">
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }        

    //Deprecated
    //$('form').live("submit", function () {
    //    ShowProgress();
    //});

    $('form').on("submit", function () {
        ShowProgress();
    });
</script>

也许其中一个问题是.live()已被弃用,因为当我在下面使用旧的jquery时,脚本运行良好。

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

然后我尝试用最新的jquery-3.3.1中的两个命令替换,因为API文档说,这两个脚本仍然无法运行:

$('form').on("submit", function () {
    ShowProgress();
});

和这一个:

$('form').submit(function () {
ShowProgress();
});

那么请帮助解决这个问题的想法是什么?抱歉我的英语不好,对建议表示最诚挚的问候。

javascript jquery asp.net submit
2个回答
1
投票

请尝试以下代码:

$('body').on('submit', 'form', function() {
    ShowProgress();
});

这是.on()函数的完整签名:

.on( events [, selector ] [, data ], handler(eventObject) )

0
投票

live()方法在jQuery 1.7版中已弃用,在1.9版中已删除。请改用on()方法。

© www.soinside.com 2019 - 2024. All rights reserved.