Question

我只使用jqueryUI作为datepicker功能。如果你可以使用普通的jquery，这很好，因为你可以从谷歌的CDN导入它，这可能比你自己的CDN（如果有的话）更快，并且提高了用户已经缓存的机会，但你不能使用jqueryUI执行此操作。我想知道，因为jqueryUI只是jquery上面有一些额外的东西（？），从谷歌导入常规jquery然后.extend（）使用你自己的js将datepicker功能导入到它是多么可行？

想要这样做的逻辑是，带有datepicker的jqueryUI最小化为48.5K，并且用户不会在首页加载时缓存它。如果代码的datepicker部分最小化了5KB（猜测），可以想象，如果用户已经点击了从Google CDN导入jquery的页面，那么datepicker所需的一切只能加载5KB你自己的托管js。也许只需要大约40KB（仅限于用户从谷歌引用jquery的情况下），但有时千字节计数。我唯一不确定的事情是，如果/如何将datepicker实际上放在常规jquery上，或者如果jqueryUI与jqueryUI根本不同，那么.extend（）。我知道有jquery datepicker的独立版本，但我有点依赖于datepicker的jqueryUI实现......我只是不想要巨大的文件大小。

Answer 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>

Answer 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>

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

2 个答案: