Javascript “我的提示”对话框显示时没有背景？

我想做一个简单的提示。当我在JFIDLE中运行它时，它工作得非常好——但在我自己的计算机/站点上托管时，它根本不工作。我一定错过了一些简单的东西。请看一看：

script.js：

$(document).ready(function() {
    //$('audio').mouseenter(function() {
    //  $(this).fadeOut('slow');
    //});
    function yesnodialog(button1, button2, element){
        var btns = {};
        btns[button1] = function(){ 
            $(this).dialog("close");
        };
        btns[button2] = function(){ 
            $('.level2').hide();
            $(this).dialog("close");
        };
        $("<div id='box'>Are you a <u>level 1</u>, or a <u>level 2</u> agent?</div>").dialog({
            autoOpen: true,
            title: "",
            modal:true,
            buttons:btns
        });
    }

    yesnodialog('Level 2', 'Level 1', $('.level2'));

$（文档）.ready（函数（）{
//$（'audio'）.mouseenter（函数（）{
//$（这个）。淡出（“慢”）；
//});
函数yesnodialog（按钮1、按钮2、元素）{
var btns={}；
btns[button1]=函数（）{
$（此）.dialog（“关闭”）；
};
BTN[button2]=函数（）{
$（'.level2'）.hide（）；
$（此）.dialog（“关闭”）；
};
$（“您是一级代理还是二级代理？”）。对话框({
自动打开：对，
标题：“，
莫代尔：是的，
按钮：BTN
});
}
yesnodialog（'Level 2'、'Level 1'、$（'.level2'））；

在这里，它在jfiddle中运行： 我觉得很好

但是，在我自己的网站上，它看起来是这样的：

---

有人知道为什么吗？

您的问题显然与javascript无关。它已正确加载，并应用了带有标记、按钮和功能等的jQuery ui魔力

出现此错误的原因必须是您：

未加载jQuery ui主题css文件。请检查是否已加载该文件。如果您从官方网站下载了jQuery ui，则该文件应位于.zip文件夹中

您正在用自己的CSS覆盖jQuery ui。这是不太可能的，因为jQuery ui标记具有非常独特的类名和相当复杂的样式（这意味着您将有很多CSS来覆盖所有内容）

我99%肯定这是第一个建议，但你应该把它们都查出来

检查这一点最简单的方法是使用Firefox和Firebug（或Chrome/Safari/Opera中的内置developertool），并检查弹出元素，查看是否有任何样式应用于标记

PS：欢迎访问SO:）

请验证（或发布）您站点中使用的CSS。它可能会导致此错误。