Question

如何在cdn中加载以下内容，如果失败，如果失败则会加载我的本地文件

Google的CDN ：jquery.min.js和jquery-ui.min.js。
微软的CDN： jQuery.Validate.min.js

Answer 1

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.5.1.min.js">\x3C/script>')</script>

Answer 2

您可以在包含文件后检查jquery对象是否存在，这样您就有了故障保护（非常罕见）

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("%3Cscript src='/scripts/jquery-1.3.2.min.js' type='text/javascript'%3E%3C/script%3E")); //local
}
</script>

因此，对于您要求的链接

MS validate.js - http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js

Google jquery.min.js - http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js

Google jquery.ui.js - http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js

看看这个问题：Microsoft CDN for jQuery or Google CDN?他们也谈论你的问题

Answer 3

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

jQuery：https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

jQueryUI：https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js

了解更多信息。 http://code.google.com/apis/libraries/devguide.html#jquery

用于后退这样的事情。

<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("%3Cscript src='/path/to/your/jquery' type='text/javascript'%3E%3C/script%3E"));
}
if (typeof jQuery.ui == 'undefined') 
{
    // UI Not loaded
    document.write(unescape("%3Cscript src='/jquery.ui.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

Answer 4

此链接对您有所帮助：

http://technowide.net/2012/09/25/jquery-cdn-fallback/

Answer 5

检查this以检查jquery是否已加载。

对于加载jQuery this肯定会帮助你。

此外，您还可以检查here上是否加载了验证插件。

Answer 6

已经在jquery ui - how to use google CDN

回答了类似的问题

您可以使用

拨打电话

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

您还可以从Microsoft CDN

加载jQuery

<script src=" http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>

您还可以通过更改主题名称链接到其他Ui主题。在这种情况下，将名称库更改为任何其他主题名称/base/jquery-ui.css到任何其他主题。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

查看jQuery UI博客，获取所有CDN链接http://blog.jqueryui.com/

的链接

如果您想要在Google失败的情况下还原到您的主机，您可以

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("%3Cscript src='/jquery.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

Answer 7

fOR jQUERY

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("%3Cscript src='/scripts/jquery-1.3.2.min.js' type='text/javascript'%3E%3C/script%3E")); //local
}
</script>

对于Jquery Ui

if (jQuery.ui) {
     document.write(unescape("%3Cscript src='/scripts/jqueryui-1.8.2.min.js' type='text/javascript'%3E%3C/script%3E")); //local
}

对于Jquery验证

if(!jQuery().validate) {
    document.write(unescape("%3Cscript src='/scripts/jquery.validate.min.js' type='text/javascript'%3E%3C/script%3E")); //local
}

链接 MS validate.js - http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js

Google jquery.min.js - http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js

Google jquery.ui.js - http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js

Google JqueryUi主题 - （将基础更改为核心主题名称之一）http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css

来自cdn的jquery

7 个答案: