Расширение версии jquery для Google CDN для добавления средства выбора даты - PullRequest
Новая
       23

Расширение версии jquery для Google CDN для добавления средства выбора даты

2 голосов
/ 09 марта 2010

Я использую jqueryUI исключительно для функции выбора даты. Здорово, если вы можете избежать использования простого jquery, потому что тогда вы можете импортировать его из CDN Google, который потенциально быстрее, чем ваш собственный CDN (если есть), и увеличивает вероятность того, что пользователь уже его кэширует, но вы не можете сделать это с помощью jqueryUI. Мне интересно, так как jqueryUI - это просто jquery с некоторыми дополнительными компонентами (?), Насколько возможно было бы импортировать обычный jquery из Google, а затем .extend () функцию DatePicker на него с вашим собственным js?

Логика для этого заключается в том, что jqueryUI с datepicker минимизирован на 48,5 КБ, и пользователь не будет кэшировать его при загрузке первой страницы. Если часть кода DatePicker минимизирована всего на 5 КБ (предположительно), то, вероятно, все необходимое для DatePicker может быть загружено всего лишь 5 КБ ваших собственных js, если пользователь уже нажал на страницу, импортированную из jquery из Google CDN. Может быть, это большая работа, чтобы сбрить только ~ 40 КБ (только для случая, когда у пользователя есть jquery, заправленный из Google), но иногда считается килобайт. Единственное, в чем я не уверен, так это в том, может ли date / picker действительно быть .extend () в обычном jquery или если jqueryUI принципиально отличается. Я знаю, что существуют отдельные версии jquery datepicker, но я в некоторой степени зависим от реализации datequicker в jqueryUI ... Мне просто не нужен огромный размер файла.

Ответы [ 2 ]

3 голосов
/ 18 февраля 2012

эти адреса не сработали, попробуйте вместо них 

<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 голосов
/ 09 марта 2010

Конечно, это работает без проблем. 

<!--   ====== 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>
...