Question

jQuery新手。我无法让datepicker工作。谁能告诉我我做错了什么？谢谢，任何帮助表示赞赏。这是骨架代码：

<html>
	<head>
		<title>Example</title>
		<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
		<script src="//code.jquery.com/jquery-1.10.2.js"></script>
		<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
		<script>
			$(function() {
				$("#quoteDate").datepicker();
			});
		</script>
	</head>
	<body>
		<input type="text" id="quoteDate">
	</body>
</html>

我看了很多与这个几乎相同的帖子，但没有一个答案奏效。我还下载了jQuery UI文件以在本地引用它们，但这也不起作用。

Answer 1

他们不在本地为您工作，因为您是从包含file:///Macintosh HD/whatever...等网址的文件中运行它们。

您需要更改行：

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

为：

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

当您为资产使用//前缀时，它会匹配您正在使用的任何协议。因此，当您在本地加载某些内容（不使用本地Web服务器）时，它会查找不存在的file:///code.jquery.com/jquery-1.10.2.js。将资产更改为以http://或https://而不是//开头。

Answer 2

阅读上述答案和评论后，您似乎无法在浏览器中本地运行。

本地引用文件
最简单的方法是将所有文件下载并保存在同一目录中。让我们说文件是 index.htm，jquery-ui.css，jquery-1.10.2.js，jquery-ui.js

档案：index.htm

<html>
<head>
    <title>Example</title>

    <link rel="stylesheet" href="jquery-ui.css">
    <script src="jquery-1.10.2.js"></script>
    <script src="jquery-ui.js"></script>
    <script>
        $(function() {
            $("#quoteDate").datepicker();
        });
    </script>
</head>
<body>
    <input type="text" id="quoteDate">
</body>
</html>

相对路径
你可以给出相对路径，如
src="js/jquery-1.10.2.js"
src="js/jquery-ui.js"
href="css/jquery-ui.css" 如果目录结构是：

Present Working Directory
    index.htm
    js (directory)
        jquery-1.10.2.js
        jquery-ui.js
    css (directory)
        jquery-ui.css

jQuery datepicker - 代码不起作用？

2 个答案: