有谁可以告诉我以下有什么问题?我知道这与我的来源有关,好像我用谷歌apis版本替换它,它工作正常。但我只是看不出有什么问题。
我的文件夹结构如下:
<?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>
答案 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>