当从显示 :none to display:inline 更改时，jquery ui css 不出现

Question

大家好

在我基于网络的应用程序中，我有一个通常为 display:none 的 div，因此它是隐藏的并且不占用任何空间。当发生某些事情时，我希望 div 以类 ui-state-highlight ui-corner-all 的样式出现，我将放入一些动态内容。所以我最初给这个隐藏的 div 这些类。问题是当我用一些动态内容显示 div 时，我刚才提到的类的样式不存在。

请参阅说明问题的 fiddle :http://jsfiddle.net/qR8gK/

期望的结果是当您单击按钮时出现的 div 具有与最初可见的样式相同的样式。有谁知道我该怎么做？？

谢谢!

Answer 1

调用show()方法使其可见。

$('#a').button().click(function() {
    $('#dynamic').html('<p>some dynamic content</p>').show();
});​

工作样本:http://jsfiddle.net/qR8gK/16/