为什么在本地保存时此JQUERY文件会失败?

时间:2014-04-08 14:37:52

标签: javascript jquery jquery-ui

我有几个jquery文件,我在本地保存了我的其他站点文件,因为我不希望页面需要从远程站点URL检索代码。我以前执行此操作的过程是将远程jquery URL粘贴到浏览器中,然后复制并粘贴在浏览器中显示为文本的代码。我将代码粘贴到我保存在站点的子目录中的本地文件中。命名具有相同名称的文件。这在所有情况下都有效,但只有一个。

以下是页面显示的代码。

    <script type="text/javascript" src="../client_script/datepicker/jquery.min.js"></script>

<script type="text/javascript" src="../client_script/datepicker/base.js"></script>
<link rel="stylesheet" type="text/css" href="../client_script/datepicker/base.css" />

<link rel="stylesheet" href="../client_script/datemodel/jquery-ui.css">
<script type="text/javascript" src="../client_script/datemodel/jquery-1.9.1.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script type="text/javascript" src="../client_script/datepicker/jquery.timepicker.js"></script>
<link rel="stylesheet" type="text/css" href="../client_script/datepicker/jquery.timepicker.css" />

// code.jquery.com/ui/1.10.3/jquery-ui.js

注意一个包含引用远程URL的方式: //code.jquery.com/ui/1.10.3/jquery-ui.js

当我尝试在本地引用代码时,它失败了。我在页面加载时遇到jscript错误:

类型错误 Object [object Object]没有方法 &#39;日期选择器&#39; (然后是我调用datepicker的文件路径和行#)

这个特定的jquery文件在本地加载时是否能够正常工作,是否有一些逻辑上的原因?或者我正在做这个有缺陷的方式?

由于

1 个答案:

答案 0 :(得分:0)

在本地加载页面时(假设您还没有在本地运行服务器),您需要指定协议,例如http:。否则,浏览器会尝试使用file:// ...

加载它

所以

<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

需要

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>