0

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

当我打开index.html安装中包含的内容时，我得到了这个（正确的主题）： 工作自定义 jQuery UI 主题

但是，当我将它放入我的页面时，我得到以下信息（默认/失败安装）： 破碎的 jQuery UI 主题

首先，我不喜欢 Smoothness 主题，其次，字体大小比我页面上的字体大几倍。我已经获取了jquery-ui-1.8.18.custom.css（从css/custom-themeand 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

鉴于此，为什么它不能正确显示？

4

1 回答 1

1

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

于 2012-02-24T23:14:13.897 回答