Javascript 引导程序3:显示微调器&x2B;在等待加载模式内容时淡入背景
所以我知道现在可以使用data target+href加载远程内容,但是,我从ajax响应中得到的是json(我无法更改服务器端),所以我首先需要对其进行处理 我想显示一个微调器,我有CSS,但也希望在将类“fade”添加到modal div时已经淡出背景Javascript 引导程序3:显示微调器&x2B;在等待加载模式内容时淡入背景,javascript,jquery,css,twitter-bootstrap-3,Javascript,Jquery,Css,Twitter Bootstrap 3,所以我知道现在可以使用data target+href加载远程内容,但是,我从ajax响应中得到的是json(我无法更改服务器端),所以我首先需要对其进行处理 我想显示一个微调器,我有CSS,但也希望在将类“fade”添加到modal div时已经淡出背景 是否有人知道如何手动启动,并确保在我显示模式时动画不会重复?在使用Bootstrap 3的项目中,我创建了一个pleaseWait函数,我从执行AJAX调用的其他函数调用该函数。此函数包含显示和隐藏函数。show函数将加载我希望显示的html
是否有人知道如何手动启动,并确保在我显示模式时动画不会重复?在使用Bootstrap 3的项目中,我创建了一个pleaseWait函数,我从执行AJAX调用的其他函数调用该函数。此函数包含显示和隐藏函数。show函数将加载我希望显示的html(微调器、文本等),而hide函数将隐藏模式。您可以添加更多jquery来实现淡入淡出效果 功能:
pleaseWait: function () {
var $pleaseWaitModal = null;
return {
show: function() {
$("#pleaseWaitModal").load( "pleaseWaitModal.html", function() {
$pleaseWaitModal = $(this);
$pleaseWaitModal.modal({
backdrop: "static",
keyboard: false
});
});
},
hide: function () {
// You could call JQuery's fadeTo() here to accomplish your fade effects
$("#pleaseWaitModal.modal.in").modal("hide");
}
};
}
示例调用:
function myAjaxFunction() {
pleaseWait().show();
$.ajax({
// ajax options
complete : function() {
pleaseWait().hide();
}
});
}
我不太明白你的问题。你能说得更具体些吗?您希望在等待AJAX内容时在模式上显示微调器,对吗?