Javascript 上传站点时,如何结束/停止MVC页面上的JQuery加载程序

Javascript 上传站点时,如何结束/停止MVC页面上的JQuery加载程序,javascript,jquery,asp.net,asp.net-mvc,asp.net-mvc-4,Javascript,Jquery,Asp.net,Asp.net Mvc,Asp.net Mvc 4,我正在处理JQuery+MVC ASP.not页面 我已经在我的页面上添加了一个加载器,它工作得很好 我现在尝试的是,加载程序应该在站点上传时停止 请在顶部调用加载程序函数下方找到我的当前代码:- JS (JQuery) Code:- <script src="../js/jquery-1.8.2.min.js"></script> <script> $(function () { $(window).load(fun

我正在处理JQuery+MVC ASP.not页面

我已经在我的页面上添加了一个加载器,它工作得很好

我现在尝试的是,加载程序应该在站点上传时停止

请在顶部调用加载程序函数下方找到我的当前代码:-

JS (JQuery) Code:-
<script src="../js/jquery-1.8.2.min.js"></script>
<script>
        $(function () {

            $(window).load(function () {
                $.loader({
                    className: "blue-with-image",
                    content: 'Please wait... We are requesting the information!'
                });
            });

        });
</script>
<script>
/*
 * jQuery Loader Plugin
 * @version: 2.0.0
 * @requires jQuery v1.2.2 or later
 * @author : ${author}
 * @see : ${demoURL}
 * Small loader
 * usage : $.loader();
 * $.loader(options) -> options =
 *  {
 *      
 * }
 *
 * To close loader : $.loader("close");
 *
 */
var jQueryLoaderOptions = null;
(function($) {
    $.loader = function (option) {
        switch(option)
        {
            case 'close':
                if(jQueryLoaderOptions){
                    if($("#"+jQueryLoaderOptions.id)){
                        $("#"+jQueryLoaderOptions.id +", #"+jQueryLoaderOptions.background.id).remove();
                    }
                }
                return;
            case 'setContent':
                if(jQueryLoaderOptions){
                    if($("#"+jQueryLoaderOptions.id)){
                        if(arguments.length == 2)
                        {
                            $("#"+jQueryLoaderOptions.id).html(arguments[1]);
                        }else{
                            if(console){
                                console.error("setContent method must have 2 arguments $.loader('setContent', 'new content');");
                            }else{
                                alert("setContent method must have 2 arguments $.loader('setContent', 'new content');");
                            }
                        }   
                    }
                }
                return;
            default:
                var options = $.extend({
                    content: "Please wait... We are requesting information from MedCenter!",
                    className:'loader',
                    id:'jquery-loader',
                    height:60,
                    width:200,
                    zIndex:30000,
                    background:{
                        opacity:0.4,
                        id:'jquery-loader-background'
                    }
                }, option);
        }
        jQueryLoaderOptions = options;
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        var bgDiv = $('<div id="'+options.background.id+'"/>');
        bgDiv.css({
            zIndex:options.zIndex,
            position:'absolute',
            top:'0px',
            left:'0px',
            width:maskWidth,
            height:maskHeight,
            opacity:options.background.opacity
        });

        bgDiv.appendTo("body");
        if(jQuery.bgiframe){
            bgDiv.bgiframe();
        }
        var div = $('<div id="'+options.id+'" class="'+options.className+'"></div>');
        div.css({
            zIndex:options.zIndex+1,
            width:options.width,
            height:options.height
        });
        div.appendTo('body');
        div.center();
        div.html(options.content);
        //$(options.content).appendTo(div);
    };
    $.fn.center = function () {
        this.css("position","absolute");
        this.css("top", ( $(window).height() - this.outerHeight() ) / 2+$(window).scrollTop() + "px");
        this.css("left", ( $(window).width() - this.outerWidth() ) / 2+$(window).scrollLeft() + "px");
        return this;
    };
})(jQuery);
================================

JQuery+MVC代码,从服务器获取信息后,我正在“尝试”结束加载程序:-

<script>
    $(function () {
        //Set the hubs URL for the connection
        $.connection.hub.url = "@Model.ProvisioningHubUrl/signalr";

        // Reference the auto-generated proxy for the hub.  
        var chat = $.connection.provisioningHub;
        // Create a function that the hub can call back to display messages.
        chat.client.setCaSalNumbers = function (cameras) {
            // Add the message to the page. 
            $('#list').append('<li><strong>Pickhead Camera:</strong> ' + htmlEncode(cameras.pickheadCaSalNumbers) + '</li>');
            $('#list').append('<li><strong>Processing Station Top Camera:</strong> ' + htmlEncode(cameras.processingStationTopCaSalNumbersr) + '</li>');
            $('#list').append('<li><strong>Processing Station Side Camera:</strong> ' + htmlEncode(cameras.processingStationSideCaSalNumbersr) + '</li>');
            $('#list').append('<li><strong>Card Scan Camera:</strong> ' + htmlEncode(cameras.cardScanCaSalNumbers) + '</li>');
            $('#pickheadImage').attr("src", "data:image/jpg;base64," + cameras.pickheadCameraBase64Image);
            $('#processingStationSideImage').attr("src", "data:image/jpg;base64," + cameras.processingStationSideCameraBase64Image);
            $('#processingStationTopImage').attr("src", "data:image/jpg;base64," + cameras.processingStationTopCameraBase64Image);
            $('#cardScanImage').attr("src", "data:image/jpg;base64," + cameras.cardScanCameraBase64Image);
            $('#getCameraSerialNumbers').attr("disabled", false);

            $.loader({
                className: "nodisplay",
                content: ''
            });
        };
    });
</script>

$(函数(){
//设置连接的集线器URL
$.connection.hub.url=“@Model.ProvisioningHubUrl/signal”;
//为中心引用自动生成的代理。
var chat=$.connection.provisionghub;
//创建一个中心可以回调以显示消息的函数。
chat.client.setCaSalNumbers=功能(摄像头){
//将消息添加到页面。
$(“#列表”).append(“
  • 拾取头摄像头:”+htmlEncode(摄像头.拾取头CASALNUMBERS)+“
  • ”); $(“#列表”).append(“
  • 处理站顶部摄像头:”+htmlEncode(cameras.ProcessingStationTopCasalNumber)+“
  • ”); $(“#列表”).append(“
  • 处理站侧摄像头:”+htmlEncode(摄像头.处理站idecasalnumbers)+“
  • ”); $(“#列表”).append(“
  • 卡扫描相机:”+htmlEncode(相机.cardScanCaSalNumbers)+“
  • ”); $('#pickheadImage').attr(“src”,“数据:image/jpg;base64,”+cameras.pickheadCameraBase64Image); $('#processingStationSideImage').attr(“src”,“数据:image/jpg;base64,”+cameras.processingStationSideCameraBase64Image); $('#ProcessingStationTopage').attr(“src”,“数据:image/jpg;base64,”+cameras.processingStationTopCameraBase64Image); $('#cardScanImage').attr(“src”,“data:image/jpg;base64,”+cameras.cardScanCameraBase64Image); $('#getCameraserialNumber').attr(“禁用”,false); 美元加载器({ 类名:“nodisplay”, 内容:“” }); }; });
    非常感谢!你的解决方案对我有效。 我刚刚替换了以前的代码:-

                $.loader({
                    className: "nodisplay",
                    content: ''
                });
    
    使用“$.loader('close');”

    及其工作原理。:-)


    谢谢

    是否执行过
    setCaSalNumbers()
    呢?是的,它会在我的HTML页面上响应服务器上的值如果执行
    $.loader('close'),会发生什么取而代之?非常感谢!成功了!!!我刚刚替换了$.loader({className:“nodisplay”,内容:''});使用“$.loader('close');”
    
                $.loader({
                    className: "nodisplay",
                    content: ''
                });