jQuery CDN 超时回退

Question

我已经在多个地方阅读了如果由 google 或 microsoft 或其他托管的链接失败，如何回退到 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"));
}
</script>

我的应用程序在 Intranet 环境中运行，但偶尔外部 jQuery 链接不会失败，但需要很长时间才能加载（由于外部 Internet 连接问题）。

我想知道是否有一种方法不仅可以使用这种回退，而且可以为 CDN 链接设置超时，这样如果链接需要一定的时间，它就会失败并调用回退。

类似：

if(timetoloadjquery > n) {
    Use fallback local jQuery library.
}

也许是某种循环来检查 jQuery 是否已定义，如果经过如此多的迭代后仍未定义...做其他事情？

感谢您的帮助。

Answer 1

这可能会对您有所帮助。 5 秒后，Javascript 会检查 jQuery 是否可用，如果不可用，则从本地服务器加载库。

1.带计时器

<script>
setTimeout(function() {
  if(window.jQuery) return;
  var n = document.getElementsByTagName("script")[0];
  n.parentNode.insertBefore(document.createElement("script"), n).src = "assets/jQuery/jquery-1.7.2.min.js";
}, 5000);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

2.这个没有定时器，如果CDN版本失败，它会加载一个本地版本。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript">window.jQuery || document.write("<script type='text/javascript' src='js/jquery-1.8.3.min.js'>\x3C/script>")</script>