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

Jquery模式输入在加载数据之前出现,jquery,ajax,modal-dialog,loading,Jquery,Ajax,Modal Dialog,Loading,我使用jquery模式打开表单和编辑数据。正在使用Ajax(加载方法)加载这些表单 发生的情况是,包含字段的窗口显示为空表单,并且仅在加载数据一段时间后才显示 我认为这与缓存有关。对吗?我如何解决这个问题 代码如下: var janelaModal; $(document).ready(function () { $('.lnkModalAddOption').each(function () { PrepareModal($(this), false); }

我使用jquery模式打开表单和编辑数据。正在使用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"); } } var janelaModal; $(文档).ready(函数(){ $('.LNKMODALADOPTION')。每个(函数(){ PrepareModal($(此),false); }); $('.lnkmodoladdoption').live(“mouseenter”,函数(){ PrepareModal($(此),false); }); $(“.linkacomodal”).live(“单击”,函数(){ PrepareModal($(此),true); }); }); 函数PrepareModal(对象单击,显示){ idModal=“modalAddLineTable”; var titleToShow=objetoClick.attr(“functionalidade”); var urlToLoad=objetoClick.attr(“href”); if($(“#”+idModal).length==0){ $(“#Modais”)。追加(“”); } 否则{ $(“#”+idModal.html(“Carregando…”); } $(“#”+idModal) .load(urlToLoad) .对话({ 自动打开:错误, 高度:“自动”, 宽度:“自动”, 莫代尔:是的, 标题:titleToShow }); if(show==true){ ShowModal($(“#”+idModal)); } 否则{ objetoClick.live(“单击”,函数(){ ShowModal($(“#”+idModal)); }); } } 功能显示模式(对象模式){ janelaModal=对象的; 如果(janelaModal!=“”){ janelaModal.dialog(“打开”); } }
您应该发布您当前拥有的代码。您编写的任何jQuery以及HTML。您可能必须使用
.ready()
在加载完成之前显示对话框<代码>加载有一个您应该使用的回调方法,并显示其中的模式。不过这是一个绝对的猜测,因为您根本没有发布任何代码。请发布相关脚本,以便我们可以更仔细地查看。