调用时没有出现jQuery对话框

Question

我试图在进行 ajax 调用时弹出一个模式加载对话框，但它没有显示在 onClick 函数中。如果我用萤火虫减慢速度并逐步显示加载面板。这只是运行在自己前面的javascript吗？有没有更好的方法来做到这一点？

$(function(){
     $("#loading_panel").dialog({
                                 modal:true,
                                 position:'center',
                                 minHeight:40
                                });

     $("a.view-in-frame").click(function(){
                       $("#loading_panel").dialog('open');
                       $("#tabs").hide();
                       var blog = $(document.createElement('div')).attr('id', 'blog').load(('blog_reader.php?blog='+this.href)), $("#loading_panel").dialog('close'));
                       $("#content_wrap").append(blog);
                       return false;
                 });
})

Answer 1

只是一个想法，尝试在创建对话框时将“autoOpen”设置为 false：

$("#loading_panel").dialog({
                             modal:true,
                             position:'center',
                             minHeight:40,
                             autoOpen:false
                            });

目前您正在告诉对话框在创建时打开。这应该可以防止这种行为。

Answer 2

@ErsatzRyan

您是否尝试过将 javascript 函数设置为在文档准备好后加载？

像这样：

$(document).ready(function(){

//Your functions

});

正如@Nat Ryall 所说，您必须将您的自动打开设置为false，否则您的对话框将不会打开两次。

还有一件事，在您完成所有操作后尝试致电您的$(".selector").dialog("open")。你告诉你的函数在加载它的内容之前调用你的对话框。