Javascript 引导程序3:显示微调器&x2B;在等待加载模式内容时淡入背景

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

所以我知道现在可以使用data target+href加载远程内容,但是,我从ajax响应中得到的是json(我无法更改服务器端),所以我首先需要对其进行处理

我想显示一个微调器,我有CSS,但也希望在将类“fade”添加到modal div时已经淡出背景


是否有人知道如何手动启动,并确保在我显示模式时动画不会重复?

在使用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内容时在模式上显示微调器,对吗?