0

所以我有这个加载到 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',

    },
4

2 回答 2

2

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

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

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

于 2013-07-18T16:23:09.050 回答
0

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

于 2013-07-18T16:18:42.877 回答