0

我想阻止我的 ui，直到我的下拉列表中的值未加载我的 js 文件代码如下

$(document).ready(function() {
    // Load All Toll Plazas
    FillInCascadeDropdown({ userType: -1 }, "#ddlTollPlazas", "/Home/GetTollPlazas/" + -1);
}

function FillInCascadeDropdown(map, dropdown, action) {
    $(dropdown).empty();
    $.blockUI({ message: '<img src="/Content/images/ajax-loader.gif"/>' });
    $.post(action, map, function(data) {
        $.each(data, function() {
            $(dropdown).append("<option value=" + this.Value + ">" + this.Text + "</option>");
        });
    }, "json");
    $.unblockUI();
}

上面的代码在页面加载时不起作用。

4

1 回答 1

1

我认为你的问题是你一调用blockUI就会解除阻塞。您需要将解除阻止调用移动到“成功”回调函数。回调的概念有点棘手。基本上这是发布成功后运行的代码。我相信您已经看过这个页面，但请参阅jQuery 帖子页面以了解您需要将回调放在哪里，如果需要，可以在此处了解有关回调的更多信息。祝你好运！

以下是它的外观：

function FillInCascadeDropdown(map, dropdown, action) {
    $(dropdown).empty();
    $.blockUI({ message: '<img src="/Content/images/ajax-loader.gif"/>' });
    $.post(action, map, function(data) {
        $.each(data, function() {
            $(dropdown).append("<option value=" + this.Value + ">" + this.Text + "</option>");
        });

        $.unblockUI();
    }, "json");
于 2012-02-02T10:44:01.507 回答