Extension de la version Google CDN de jquery pour l'ajout de datepicker

Question

J'utilise jqueryUI uniquement pour la fonction datepicker. C'est génial si vous pouvez vous en passer avec jQuery, car vous pouvez l'importer à partir de CDN de Google, qui est potentiellement plus rapide que votre propre CDN (le cas échéant) et augmente la probabilité que l'utilisateur le cache déjà, mais vous ne pouvez pas faites ceci avec jqueryUI. Je me demande, puisque jqueryUI est juste jquery avec quelques trucs supplémentaires (?), Comment serait-il possible d'importer jquery régulière à partir de Google, puis .extend() la fonctionnalité datepicker sur elle avec vos propres js? La logique pour vouloir faire cela est que jqueryUI avec datepicker est 48.5K minimisé et l'utilisateur ne l'aura pas mis en cache sur le chargement de la première page. Si la partie datepicker du code est réduite à 5KB (une estimation), tout ce qui est nécessaire pour datepicker pourrait être chargé avec seulement 5Ko de vos propres js hébergés si l'utilisateur a déjà frappé une page qui a importé jquery de Google CDN. Peut-être que c'est beaucoup de travail pour raser seulement ~ 40 Ko (pour le cas où un utilisateur a jquery primed de Google), mais parfois les kilo-octets comptent. Les seules choses dont je ne suis pas certain sont: si/comment datepicker peut réellement être .extend() sur jquery régulière ou si jqueryUI est fondamentalement différent. Je sais qu'il existe des versions autonomes de jquery datepicker, mais je suis en quelque sorte dépendant de l'implémentation jqueryUI de datepicker ... Je ne veux tout simplement pas la taille de fichier énorme.

Answer 1

Bien sûr, cela ne pose aucun problème.

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

Answer 2

ces adresses ne fonctionne pas pour moi d'essayer ce lieu

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