jquery - 加载外部页面时在 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');
    });
});

现在我想在加载时显示一个微调器。我发现了这个问题，但我不知道应该把我的微调图像放在哪里？

Answer 1

只需使用.html()：

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