在加载外部页面时，在jQuery UI模式框中显示加载微调器图像

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..."/> ');