当从display:none更改为display:inline时，jquery ui css不会出现

大家好,

在我的基于web的应用程序中，我有一个div，它通常是

display:none

，因此它是隐藏的，不会占用任何空间。当发生某些事情时，我希望div与类

ui状态的样式一起出现，突出显示ui角的所有部分

，然后我将添加一些动态内容。所以我首先给这个隐藏的div这些类。问题是，当我用一些动态内容显示div时，我刚才提到的类的样式就不存在了

请看这把小提琴，它说明了问题：

所需的结果是单击按钮时显示的div与最初可见的样式相同。有人知道我怎么做吗

谢谢

只需使用

.show（）

而不是手动设置css显示设置

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

$（'a'）。按钮（）。单击（函数（）{
$（'#dynamic'）.show（）.html（'一些动态内容
'）；
});

只需使用

.show（）

而不是手动设置css显示设置

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

$（'a'）。按钮（）。单击（函数（）{
$（'#dynamic'）.show（）.html（'一些动态内容
'）；
});

代码中的实际问题是因为段落标记。卸下

，然后重试

$('#a').button().click(function() {
    $('#dynamic').css('display', 'inline').html('some dynamic content');
});​

---

示例：

代码中的实际问题是因为段落标记。卸下

，然后重试

$('#a').button().click(function() {
    $('#dynamic').css('display', 'inline').html('some dynamic content');
});​

示例：

调用

show（）

方法使其可见

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

$（'a'）。按钮（）。单击（函数（）{
$（'#dynamic'）.html（'一些动态内容
'）.show（）；
});​

工作示例：

调用

show（）

方法使其可见

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

$（'a'）。按钮（）。单击（函数（）{
$（'#dynamic'）.html（'一些动态内容
'）.show（）；
});​

工作样本：

检查此检查此检查