Question

我有对话框工作，但它看起来没有像jquery.com上的演示我有主题css和js文件和引用，但它看起来很难看。大文和标题和'x'都不合适。我抓住了：

http://picasaweb.google.com/100992319569544717409/DialogPics

如果有人能解释为什么会这样，我将不胜感激。非常感谢

// Help function

            function help(){ 

                $(function() {

                 $('#help').dialog(
        { 
            title:"Mail Help",
            width: 416,
            height: 340,
            modal: true,
            overlay: { backgroundColor: "#000", opacity: 0.5 }


        });$("#help").dialog('open');
          });
         }

这就是我用来引用文件的内容：

<script src="/sample/admin/js/jquery-1.3.2.min.js"></script>
<script src="/sample/admin/js/jquery-ui-1.7.3.custom.min.js"></script>
<script src="/sample/admin/js/ui.dialog.js"></script>
<script src="/sample/admin/js/ui.core.js"></script>

<link href="/sample/admin/css/smoothness/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
<link href="/sample/admin/css/themes/base/ui.all.css" rel="stylesheet" type="text/css" />

谢谢。

Answer 1

您是否已将jQuery-UI CSS导入项目？您可以利用他们提供的内容，或roll your own。 jQuery UI对话框依赖于此，使一切看起来都很漂亮。

jquery对话框显示丑陋的标题

1 个答案: