Javascript 上传站点时,如何结束/停止MVC页面上的JQuery加载程序
我正在处理JQuery+MVC ASP.not页面 我已经在我的页面上添加了一个加载器,它工作得很好 我现在尝试的是,加载程序应该在站点上传时停止 请在顶部调用加载程序函数下方找到我的当前代码:-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
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: ''
});