Question

我使用下面的代码用于Jquery datepicker但由于某种原因我在加载jquery资源时遇到错误并且没有显示日期选择器。

<html>
<head>
<link rel="stylesheet"
    href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
</head>
<script>
$(document).ready(function(){
    $("#datepicker").datepicker();
});
</script>
<body>

<p>Date: <input type="text" id="datepicker"></p>
</body>

</html>

Answer 1

jquery-ui.min.js依赖于jquery-1.11.1.js，因此在jQuery

之后首先加载jQuery-UI

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>

Answer 2

您需要在jquery-ui之前包含您的jQuery。例如：

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>

另外，在我的localhost上，我必须包含样式表的http。例如：

<link rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />

Answer 3

Jquery库之间存在依赖关系。因此，请确保您的订单正确无误。

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>

我建议使用Bower（软件），一个管理软件包的系统来安装你的所有库。它会照顾所有的依赖性问题

Jquery库未正确加载

3 个答案: