显示正在加载的旋转图像，同时加载外部页面

Question

我有这样的模态窗口：

HTML：

<div id="showEvents"><canvas id="event" width="32" height="32"></canvas></div> 

JS：

$(document).ready(function() { 
    var dialog1 = $('<div>').dialog({ autoOpen: false,modal:true, 
    height: 400, 
    width: 450 
    }); 
    $('#showEvents').click(function() { 
     dialog1.load('../Lists/Event.aspx').dialog('open'); 
    }); 
}); 

现在我想显示在加载时旋转器。我发现this问题，但我不知道我应该在哪里放置微调图像？

Answer 1

只需使用.html()：

dialog1.dialog('open'); 
dialog1.load('../Lists/Event.aspx').html('<img src="../img/pLoader.gif" alt="loading..."/> ');