jQuery对话框没有显示

时间:2012-08-09 14:51:10

标签: javascript jquery jquery-ui jquery-ui-dialog

似乎我的两个对话框中的一个不会出现,尽管第二个对话框在被要求时会出现。两者都在$.get()成功函数内。如图所示:

$.getJSON('addCategory.php', {'ordre':ordre,'nom':nom}, function(data) 
                            {
                                console.log(data.result);

                                    $('div id="Dialog_Feedback2">Une catégorie porte déjà ce nom ou cet ordre!</div>').dialog(
                                    {
                                        autoOpen:false,
                                        title:'Une erreur est survenue!',
                                        width:300,
                                        height:'auto',
                                        resizable: false,
                                        show:"slide",
                                        modal:true,
                                        buttons:{
                                            "OK" : function()
                                            {
                                                $( this ).remove();
                                            }
                                        }
                                    });

                                    $('<div id="Dialog_Feedback">L\'ajout a été effectué avec succès!</div>').dialog({
                                        autoOpen:false,
                                        title:'Catégorie ajoutée!',
                                        width:400,
                                        height:'auto',
                                        resizable:false,
                                        modal:true,
                                        buttons:{
                                            "Ok": function()
                                            {
                                                $(this).remove();
                                                window.location.reload();
                                            }
                                        }
                                    }); 
                                    if(data.result =="true")
                                    {
                                        console.log("NO!");
                                        $('#Dialog_Feedback').dialog("open");
                                    }
                                    else
                                    {
                                        console.log("Yeah!");
                                        $('#Dialog_Feedback2').dialog("open");

                                    }                           
                                }

                            );
                        }

以下是我在控制台中看到的内容:

false

Yeah!

#Dialog_Feedback2不会出现。当它返回true时,另一个对话框会正确显示。

为什么第二个对话框不显示?

1 个答案:

答案 0 :(得分:3)

这是一个非常简单的问题,你所要做的就是正确编写div标签,你就错过了初始的克拉。这一行

$('div id="Dialog_Feedback2">Une catégorie porte déjà ce nom ou cet ordre</div>').dialog(`

应以

开头
$('<d

不仅仅是

$('d

这可以为您提供所需的操作。