Question

我想在页面加载之前加载一个对话框

像这样 Demo here 在这个演示中，它通过Ajax提供数据，但在我的情况下，我没有使用Ajax来提供数据？任何想法请.. ..

Answer 1

使用jQuery UI dialog。尝试这样的事情：

<div id="loadingDialog" onload="dialogDivLoad()">
    <img src="images/loading.png" alt="Loading" />
</div>

代码是：

function dialogDivLoad() {
    $(this).dialog({
        modal: true
    }); // make it modal
}

$(function () {
    $('#loadingDialog').dialog('close');
});

如果您使用jQuery .ajax函数通过AJAX检索数据，请尝试改为：

$(function () {
    $('#loadingDialog').dialog({
        autoOpen: false,
        modal: true
    });
});

// somewhere in place of AJAX call
// show it here
$('#loadingDialog').dialog('show');
$.ajax({
    //...
    complete: function() {
        // and close here
        $('#loadingDialog').dialog('close');
    },
    success: function() {
        // message, that data loaded
    },
    error: function() {
        // message, that data loading failed
    }
});

加载页面时加载对话框

1 个答案: