Question

所以我有一个加载在html文件中的jQuery ui对话框。但是加载信息需要几秒钟，所以我很好奇如何使用jquery对话框添加加载div，直到内容完成加载。

 <div class="loadingIt"></div>
 $('<div />').load('http://PathToURL', { something : el }, function() {
  more logic
}).dialog({ 
    modal: true, 
    width: 800,
    draggable: false,
    resizable: false,
    title: "Results",
    position: { 
        my: 'top',
        at: 'top',
        of: '#nav_wrapper',

    },

Answer 1

您还可以做一些更精细的事情：

jQuery.ajaxSetup({
  beforeSend: function() {
    $('#loadingIt').show();
  },
  complete: function(){
    $('#loadingIt').hide();
  }
});

然后，您可以在loadingIt div中添加一些加载微调器gif。请注意，此解决方案将显示您将进行的每个ajax调用的加载div。

Answer 2

在ajax调用之前将div的innerHTML设置为带有你选择的loading-gif的img。然后用ajax.success（）回调中的响应数据替换innerHTML。

将加载div添加到使用.load的jquery ui对话框

2 个答案: