我正在为我的网页测试所选择的脚本,但我不明白为什么它无法加载它们。如果将html测试文件放在脚本所在的同一级别它们工作正常,但如果将脚本放在我放置所有javascript文件的文件夹中页面停止工作
工作html:
<html>
<head>
<script src="jquery.min.js"></script>
<script src='chosen.jquery.min.js'></script>
<link rel="stylesheet" type="text/css" href="chosen.min.css" />
</head>
<body>
<h2>Chosen Plugin Demo :</h2>
<select name=animals id=sl_anim style="width:300px;">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
<option>Brown Bear</option>
<option>Giant Panda</option>
<option selected>Sloth Bear</option>
<option disabled>Sun Bear</option>
<option selected>Polar Bear</option>
<option disabled>Spectacled Bear</option>
</select>
<script>
$('#sl_anim').chosen();
</script>
</body>
</html>
不工作:
<script src='/chosen/chosen.jquery.min.js'></script>
<link rel="stylesheet" type="text/css" href="/chosen/chosen.min.css" />
除了加载脚本代码之外,两个文件都是相同的。 我试过了:
<script src='./chosen/chosen.jquery.min.js'></script>
<script src='../chosen/chosen.jquery.min.js'></script>
我只是不知道如何解决这个问题,暂时我正在编写工作html文件中的代码。为什么其他js文件加载正常,但那两个不?如何解决这个问题?