JQuery对话框是不可见的

我试图在JQuery中创建的对话框有问题。当按下按钮时，它应该打开。我尝试了几种不同的方法来创建它，它总是使用元素样式中的“display:none”来创建

当我点击按钮时，页面变暗（“模式”部分），但对话框不显示。如果我使用firebug删除display:none属性，对话框将正确显示

我已经创建了几个对话框之前没有问题，我想这一定是一个特定的网站，我试图创建对话框的问题。这是一个CMS内有很多事情要做。我试着注释了其他包含的脚本，但没有任何帮助

有没有关于是什么导致了这个问题的想法？网站上有什么东西会让新元素看起来不可见吗？或者会导致jquery添加此属性的内容

我试过：

1） 在页面加载时创建div，使用autoOpen:false创建对话框，并设置按钮单击事件以调用对话框打开

2） 单击按钮时创建对话框（即（“文本”）。对话框（…）

3） 在任何一种情况下，都可以在对话框打开事件后将display设置为inline

以下是上述（1）的实现：

$（文档）.ready（函数（）{
$（'body'）。追加（'test'）；
$（'win#u dialog'）。dialog({
莫代尔：是的，
自动打开：错误，
显示：“褪色”，
隐藏：“褪色”，
宽度：“自动”，
高度：“自动”，
关闭：功能（事件、用户界面）{
$（“#赢得对话”）.remove（）；
},
按钮：{
“Enter”：函数（）{alert（'works'）；}，
“取消”：函数（）{$（this）.dialog（“close”）；}
}
});
$（'#输入_win_btn'）。单击（函数（）{
$（“#win#u dialog”）.dialog（'打开'）；
});
});

---

谢谢！！

CMS应该有一个css规则，覆盖对话框上的显示：无。在firebug的css面板中，在每个包含的样式上检查对话框类和id。一些CMS有类名冲突，我有一次遇到wordpress主题的问题

---

还有，有没有控制台错误？

多亏了AlienWebguy对版本号的请求，我意识到我使用的是jquery ui 1.8.4和css版本1.8.10。我将jquery ui的脚本标记更新为1.8.10，现在一切似乎都正常了

---

谢谢大家的帮助！这个网站是多么棒的资源啊。

你使用的是什么版本的jquery/jqueryui？你有看到这个问题的页面链接吗？我使用的是jquery-1.4.2和jquery-ui-1.8.4。不幸的是，这个有问题的网站是在登录之后。尽管它还在开发中，但它包含了一些测试数据t可能有人的名字、地址等，所以我不能让你进去。正如你所看到的，这是一个样式问题。不是样式引用ui.dialog，而是来自cms的一些东西。

$(document).ready(function() {

$('body').append('<div id="win_dialog">test</div>');

$('#win_dialog').dialog({
    modal: true,
    autoOpen: false,
    show: "fade",
    hide: "fade",
    width: "auto",
    height: "auto",
    close: function(event, ui) {
        $("#win_dialog").remove();
    },
    buttons: {
        "Enter": function () {alert('works');},
        "Cancel": function () { $(this).dialog("close");}
    }
});

$('#enter_win_btn').click(function() {
    $("#win_dialog").dialog('open');
});
});