扩展 jquery 的 Google CDN 版本以添加 datepicker答案

【问题标题】：Extending the Google CDN version of jquery to add datepicker扩展 jquery 的 Google CDN 版本以添加 datepicker
【发布时间】：2010-03-09 10:38:47
【问题描述】：

我仅将 jqueryUI 用于日期选择器功能。如果您可以摆脱使用纯 jquery，那就太好了，因为您可以从 Google 的 CDN 导入它，这可能比您自己的 CDN（如果有）更快，并且增加了用户已经缓存它的机会，但您不能用 jqueryUI 做到这一点。我想知道，因为 jqueryUI 只是 jquery 上面有一些额外的东西（？），从谷歌导入常规 jquery 然后 .extend() 用你自己的 js 将 datepicker 功能添加到它上面有多可行？

想要这样做的逻辑是带有 datepicker 的 jqueryUI 最小化为 48.5K，并且用户不会在第一页加载时缓存它。如果代码的 datepicker 部分只是最小化了 5KB（猜测），那么可以想象，如果用户已经点击了一个从 Google CDN 导入 jquery 的页面，那么 datepicker 所需的一切都可以只加载 5KB 的您自己托管的 js。可能只减少约 40KB 的工作量很大（仅适用于用户从 Google 启动 jquery 的情况），但有时千字节数。我唯一不确定的是 datepicker 是否/如何实际上可以 .extend()'ed 到常规 jquery 或者 jqueryUI 是否根本不同。我知道有 jquery datepicker 的独立版本，但我有点依赖 datepicker 的 jqueryUI 实现......我只是不想要巨大的文件大小。

【问题讨论】：

标签： jquery jquery-ui datepicker uidatepicker jquery-ui-datepicker

【解决方案1】：

这些地址对我不起作用，试试这些

<script type="text/javascript"
        src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" 
              src=' http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js '></script>
<link rel="stylesheet" type="text/css" 
    href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css"></link>

【讨论】：

【解决方案2】：

当然，它没有问题。

<!--   ====== get the google CDN-provided jQuery ====== -->
<script type="text/javascript"
        src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>

<!-- ====== get local jQuery UI datepicker ====== -->
<script type="text/javascript" 
              src='script/jquery-ui-1.7.2.custom.min.js'></script>

<!-- ======== also get the local CSS for datepicker ======= -->
<link rel="stylesheet" type="text/css" 
    href="script/ui-v1.7.2-datepicker/css/ui-lightness/jquery-ui-1.7.2.custom.css"></link>

<!-- ====== specify my own styling for the page ====== -->
<style type="text/css">
  * {
     font-size: 10pt;
  }

  ....etc....

</style>

【讨论】：