由于源

时间:2015-06-15 15:42:52

标签: javascript jquery jquery-ui

有谁可以告诉我以下有什么问题?我知道这与我的来源有关,好像我用谷歌apis版本替换它,它工作正常。但我只是看不出有什么问题。

我的文件夹结构如下: Folder Structure

<?php
?>
<!DOCTYPE html>
<html>
<head>
    <title>Collapsible test</title>
    <!--Style Sheet-->
    <Link href="css.css" rel="stylesheet" type="text/css"></Link>

    <!--js-->
    <script src="../js/jquery-ui-1.11.4/jquery-ui.js"></script>
    <script src="../js/jquery-2.1.4.min.js"></script>
</head>
<body>
    <div id="container">
        <h3>Test 1</h3>
        <div class="vertical">Test1</div>
        <h3>Test 2</h3>
        <div class="vertical">Test2</div>
        <h3>Test 3</h3>
        <div class="vertical">Test3</div>
    </div>
    <script>
        $(window).on("resize", function() {
            $('body').width($(window).width());
            $('body').height($(window).height());
        }).resize();

        $(function() {
            $("#container").accordion({
                collapsible: true
            });
        });
    </script>
</body>

1 个答案:

答案 0 :(得分:0)

您的CSS可能在错误的目录中被引用。尝试以与javascript(../css/)相同的方式引用CSS:

<link href="../css/css.css" rel="stylesheet" type="text/css"></Link>

编辑:正如@ j08691在另一条评论中的建议,您的jQuery文件需要在任何其他jQuery插件之前引用。订单应如下:

<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/jquery-ui-1.11.4/jquery-ui.js"></script>