首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTML5Boilerplate /包含库-回退?

HTML5Boilerplate /包含库-回退?
EN

Stack Overflow用户
提问于 2011-09-16 15:31:03
回答 2查看 997关注 0票数 0

我现在想知道一些关于HTML5BP的事情。

我想包括JQuery手机和JQuery UI,我不确定这是不是正确的方式:

代码语言:javascript
复制
<body>
    <!-- scripts and fallback to local -->
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script src="//code.jquery.com/mobile/latest/jquery.mobile.js"></script>
    <script src="//code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery.mobile.min.js"><\/script>')</script>
    <!-- end scripts and fallback to local -->

    <!-- scripts concatenated and minified via ant build script-->
    <script src="js/plugins.js"></script>
    <script src="js/script.js"></script>
    <!-- end scripts concatenated and minified via ant build script-->

我不确定的事情是,当我在代理服务器后面并且不允许访问互联网时,我希望本地后备能起作用,但事实并非如此。我收到身份验证错误,页面未加载。

这是正确包含它的方法吗?

在head I预取中:

代码语言:javascript
复制
   <link rel="dns-prefetch" href="//code.jquery.com" />

谢谢!

EN

回答 2

Stack Overflow用户

发布于 2011-10-11 18:26:21

不确定您是否仍在这里寻求帮助,但这是开始。您的dns-prefetch是正确的,脚本加载基本上是正确的,但有两个问题:

您只需检查jQuery是否已为您的回退加载。这意味着如果jQuery加载正确,但出于某种原因,jQuery UI或移动端无法加载,您的后备将无法正常工作。不完全可能,因为您从相同的地方装货,但仍然...

  • 您的订单是错误的,我的。我认为你应该在每一次之后立即检查-只是不要那么混乱。这也使得弄乱加载顺序变得更加困难-如果没有首先加载jQuery,下面的移动检测很可能会出错……

我已经修改了你下面的代码。注意,移动检测是我自己的发明(在最后5分钟内)。它在工作,但我不能保证坚如磐石的威力!

代码语言:javascript
复制
<body>
    <!-- scripts and fallback to local -->
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
    <script src="//code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>
    <script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script>
    <script src="//code.jquery.com/mobile/latest/jquery.mobile.js"></script>
    <script>window.$.mobile || document.write('<script src="js/libs/jquery.mobile.min.js"><\/script>')</script>
    <!-- end scripts and fallback to local -->

    <!-- scripts concatenated and minified via ant build script-->
    <script src="js/plugins.js"></script>
    <script src="js/script.js"></script>
    <!-- end scripts concatenated and minified via ant build script-->
票数 1
EN

Stack Overflow用户

发布于 2014-02-14 08:32:33

+1个lnrbob

我通常也会为jQuery版本设置一个条件,使其在普通浏览器中向上翻页,并将旧的jQuery发送到duds。

代码语言:javascript
复制
<!--[if (gte IE 9) | !(IE)]><!-->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  <script>if (!!window.jQuery && jQuery().jquery !== '2.0.3') document.write('<script src="<?= ASSETS ?>js/jquery.2.0.3.min.js" type="text/javascript"><\/script>')</script>
<!--<![endif]-->
<!--[if lte IE 8]>
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script>if (!!window.jQuery && jQuery().jquery !== '1.10.2') document.write('<script src="<?= ASSETS ?>js/jquery.1.10.2.min.js" type="text/javascript"><\/script>')</script>
<![endif]-->
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7441468

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档