Question

如果从Google CDN抓取它，Html5 Boilerplate使用以下技巧回退到本地存储的JQuery失败：

<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>

你如何实现这个技巧来为jQuery UI执行相同的技巧？

Answer 1

<script type="text/javascript">!window.jQuery.ui && document.write(unescape('%3Cscript src="path to jquery UI lib'))</script>

在jQuery本身的后备之后执行此操作。

或（如果你不喜欢！）

<script type="text/javascript">(window.jQuery.ui === /* notice the === */ undefined) && document.write( /* ... */)</script>

Detecting an undefined object property

Answer 2

我这样做：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/static/js/jquery.min.js"><\/script>')</script>


<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>window.jQuery.ui || document.write('<script src="/static/js/jquery-ui.min.js"><\/script>')</script>

Answer 3

使用ASP.NET Web Optimization Framework

当您使用捆绑包时，更容易实现。

从NuGet获取Microsoft.AspNet.Web.Optimization包。现在在BundleConfig中，您可以设置捆绑包，不仅包括CdnPath，还包括CdnFallbackExpression：

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.UseCdn = true;
    BundleTable.EnableOptimizations = true;     
    var jquery = new ScriptBundle("~/bundles/jquery", "//ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js").Include(
            "~/Scripts/jquery-{version}.js");
    jquery.CdnFallbackExpression = "window.jQuery";
    bundles.Add(jquery);
    //...
}

从谷歌CDN回退jQuery UI

3 个答案: