jQuery 对话框 Chrome 问题

Question

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

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

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

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

它在 Chrome 上的作用是对话框不反映“这是第 1 步消息”。

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

在 Firefox 浏览器中“这是第 1 步消息”。还显示了从 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