页面未加载自定义jQuery UI主题

Question

首先，我知道jQuery UI ThemeRoller - Installing themes的问题。然而，在咨询了它之后，我仍然有问题。

当我打开包含在安装中的index.html时，我得到这个(正确的主题)：

​

然而，当我把它放到我的页面中时，我得到了以下信息(默认/失败的安装)：

​

首先，我不喜欢平滑度主题，其次，字体大小比我页面上的字体大几倍。我已经获取了jquery-ui-1.8.18.custom.css的两个副本(从css/custom-theme和development-bundle/theme/custom-theme中)，并将custom-theme目录复制到我的styles目录中，但它仍然不起作用。

这是我到目前为止所知道的：

<link href="../styles/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery-ui-1.8.18.custom.min.js"></script>

下面是我的目录树：

pages/
    page1.html
    page2.html
styles/
    custom-theme/
        images/
            // bunch of files for jQuery UI theme
        jquery-ui-1.8.18.custom.css
    global.css
    reset.css  // note that on the page, this is defined before any other CSS
scripts/
    jquery-ui-1.8.18.custom.js
    // bunch of other custom scripts

既然如此，为什么它不能正确显示？

Answer 1

使用Firebug查看是否正在加载CSS文件。如果它们被成功包含，再次使用Firebug在弹出窗口中选择一个DOM元素，并查看CSS样式来自哪里(即哪个文件)。