我的提示对话框显示没有背景？

-3

我试图做一个简单的提示。当我在jfiddle中运行它时，它工作得很好 - 但托管在我自己的计算机/站点上，它根本不起作用。我必须错过简单的东西。请看看：我的提示对话框显示没有背景？

的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'));

这是jfiddle运行：http://jsfiddle.net/CdwB9/421/ 它看起来完全没什么问题

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

没有人有任何想法，为什么？

来源

2013-04-28 user2328093

请验证（或发布）您的网站中使用的CSS。它可能会导致这个错误。 – 2013-04-28 01:36:52

你的问题显然与javascript无关。它得到了正确加载和jQuery的UI魔术与标记，按钮和功能等应用。

原因这个错误必须是，你要么是：

不加载的jQuery UI的主题CSS文件。检查它是否被加载。如果您从官方网站下载了jQuery-ui，它应该放在.zip文件夹中。
你用自己的覆盖jQuery-ui CSS。这是不太可能的，因为jQuery-ui标记具有非常独特的类名和相当复杂的样式（意味着您将拥有很多CSS可以覆盖所有的样式）。

我99％确定这是第一个建议，但你应该检查它们两个。

检查此功能的最简单方法是使用Firefox和Firebug（或Chrome/Safari/Opera中的built-in developertool），并检查popup-element是否有任何样式应用于标记。

PS：Welcome to SO :)

来源

2013-04-28 01:57:37 OptimusCrime

我的提示对话框显示没有背景？

回答

相关问题