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

Question

首先，我知道jQuery UI ThemeRoller - Installing themes问题。但是，在咨询之后，我仍然遇到问题。

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

但是，当我将其用于我的页面时，我得到以下内容（默认/失败安装）：

首先，我不喜欢Smoothness主题，其次，字体大小比我页面上的字体大几倍。我已经同时复制了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样式的来源（即哪个文件）。