如果文件在本地打开，则滑块 JS 文件不起作用

Question

我已经编写了一些 JavaScript 代码并在 IIS 上使用它们，然后一切正常，但是当我在本地打开文件时出现问题。

我已经打开源代码并通过将页面打开为 view-source:xyz.html 来单独检查链接

所有链接都正常。我很惊讶为什么这不起作用。 Firefox chrome 都出错并且 IE10 对我来说挂起（对此非常惊讶）。

有人知道为什么这段代码不起作用。

代码是

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript">
</script>

<script type="text/javascript">
    window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><script>')
</script>

<script type="text/javascript" src="ui/js/jquery-ui-1.8.23.custom.min.js">
</script>

这是因为 / 和 \ 在链接到 js 文件时的差异吗？

TypeError: $(...).slider is not a function

如果我在 localhost 中检查文件，则 jQuery.ui.tabs 是一个函数，但对于我的本地文件，它是未定义的。

我不确定为什么没有加载该文件！[在此处输入图像描述][1]

请查看图片http://i.stack.imgur.com/iLIJ0.png

它在 localhost 中可以正常工作，但在本地文件中却不行。我检查了查看源代码，如果您在查看源代码时单击它们，它就可以工作。

Answer 1

如果您使用的是本地文件，则用于打开 HTML 文档的方案将为 file://

由于您使用方案相对 URI 来加载 jQuery……

<script src="//ajax...

...您将尝试使用file:// 来访问Google 服务器上的jQuery，而不是http:// 或https://。这不起作用，因为file:// 用于本地文件。

你有两个选择：

• 使用绝对 URI 进行开发。
• 使用本地 Web 服务器让您的开发环境更好地反映您的生产环境。

我推荐后一种选择。