加载数据之前出现Jquery模态输入

时间:2012-09-25 22:11:19

标签: jquery ajax modal-dialog loading

我使用jquery Modal打开表单并编辑数据。这些表单正在加载Ajax(加载方法)。

带有字段的窗口显示为空窗体,并且只在一段时间后加载数据。

我认为这与缓存有关。那是对的吗?我该如何解决这个问题?

以下是代码:

var janelaModal;

$(document).ready(function () {

    $('.lnkModalAddOption').each(function () {
        PrepareModal($(this), false);
    });

    $('.lnkModalAddOption').live("mouseenter", function () {
        PrepareModal($(this), false);
    });

    $(".linkAcaoModal").live("click", function () {
        PrepareModal($(this), true);
    });

});

function PrepareModal(objetoClick, show) {

    idModal = "modalAddLineTable";

    var titleToShow = objetoClick.attr("Funcionalidade");
    var urlToLoad = objetoClick.attr("href");

    if ($("#" + idModal).length == 0) {
        $("#Modais").append("");
    }
    else {
        $("#" + idModal).html("Carregando...");
    }


    $("#" + idModal)
        .load(urlToLoad)
        .dialog({
            autoOpen: false,
            height: 'auto',
            width: 'auto',
            modal: true,
            title: titleToShow
        });

    if (show == true) {
        ShowModal($("#" + idModal));
    }
    else {
        objetoClick.live("click", function () {
            ShowModal($("#" + idModal));
        });
    }
}

function ShowModal(objetoModal) {
    janelaModal = objetoModal;

    if (janelaModal != "") {
        janelaModal.dialog("open");
    }
}

0 个答案:

没有答案