jQuery对话框铬问题

Question

我正在使用jQuery对话框。我在Chrome浏览器中遇到了一个问题。

 $("#dialog").append('<p class="elms">This is step 1</p>');

我已经编写了js代码，在中，我将新内容添加到打开的对话框中。但是我在append语句之后有ajax请求。

jQuery.ajax({
         type : "post",
         dataType : "json",.... 

它在Chrome上的作用是，对话框不会反映"This is step 1 message“。

但它只显示jquery.ajax返回的最终结果。

在Firefox浏览器中，"This is step 1 message“。后面还显示了从jquery.ajax调用返回的结果。

如何解决此问题？

Answer 1

调用.dialog()；

 $("#dialog").append('<p class="elms">This is step 1</p>');
 $("#dialog").dialog();

如果对你不起作用，试试这个：

 $("#dialog").append('<p class="elms">This is step 1</p>').dialog();

FIDDLE HERE