添加加載div到jquery ui使用.load的對話框

所以我有這個jQuery的ui對話框加載在一個html文件中。但是它需要幾秒鐘才能加載信息，所以我很好奇如何使用jQuery對話框添加加載div直到內容加載完成。添加加載div到jquery ui使用.load的對話框

<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', 

    },

來源

2013-07-18 user1431083

你也可以做的更精緻，像：

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

然後你可以把一些裝載飛旋的GIF在loadingIt股利。請注意，此解決方案將顯示您將進行的每個ajax調用的加載div。

來源

2013-07-18 16:23:09 intuitivepixel

在ajax調用之前，將div的innerHTML設置爲帶有您選擇的加載gif的img。然後用ajax.success（）回調中的響應數據替換innerHTML。

來源

2013-07-18 16:18:42

添加加載div到jquery ui使用.load的對話框

回答

相關問題