Question

我正在使用JQuery UI Accordion，它与在线导入

完美配合

jquery-ui.css，jquery-1.9.1.js和jquery-ui.js

但是，如果我在导入中使用我下载的文件，则jquery.ui.css无效。

我的代码是：

<html>
<head>
    <title>Demo Monitoring</title>
    <link rel="stylesheet" href="css/jquery-ui.css" type="text/css">
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui.min.js" type="text/javascript"></script>
<!--        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>-->

    <script>
        $(document).ready(function() {
            var icons = {
                header: "ui-icon-circle-arrow-e",
                activeHeader: "ui-icon-circle-arrow-s"
            };
            $('#acc_main').accordion({
                active: false,
                collapsible: true,
                heightStyle: "content"
            });
            $("#acc_child").accordion({
                active: false,
                collapsible: true,
                heightStyle: "content",
                icons: icons
            });
        });
    </script>
    <style>
        h3{
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="acc_main">
        <h3>Main Section</h3>
        <div id="acc_child">
            <h3>Section 1</h3>
            <div>
                1st section
            </div>
            <h3>Section 2</h3>
            <div>
                2nd section
            </div>
            <h3>Section 3</h3>
            <div>
                List : 
                <ul>
                    <li>List item one</li>
                    <li>List item two</li>
                    <li>List item three</li>
                </ul>
            </div>
        </div>
    </div>
</body>

我的本地导入输出：

Output

我的项目层次结构：

Project

Answer 1

您的css文件的路径可能不正确。尝试用href =“/ css / jquery-ui.css”替换href =“css / jquery-ui.css”

开头的斜杠表示在根目录下找到该文件夹，没有斜杠意味着css文件夹相对于当前页面

Answer 2

感谢@Yashhy，我已经下载了 自定义JQuery UI主题 的图片，因此无法显示图标图像。但现在我已经 从稳定的JQuery UI主题下载图像 ，我的问题已经解决了。

jquery ui css不能脱机工作

2 个答案: