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中工作正常但在本地文件中没有。我检查了view-source，如果你在查看源代码时单击它们，它就会工作。

Answer 1

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

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

<script src="//ajax...

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

您有两种选择：

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

我推荐后一种选择。

如果文件在本地打开，则Slider JS文件无效

1 个答案: