2009-07-20 7 views
25

J'ai besoin de charger les fichiers de l'interface utilisateur jQuery, et je voudrais le faire à partir de Google. Actuellement je télécharger:Comment utiliser la source d'interface utilisateur jQuery hébergée par Google?

<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.droppable.js"></script> 

Quels sont les fichiers correspondants je besoin de Google?

Puis-je utiliser http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js?

De plus, y a-t-il un inconvénient à utiliser celui-ci à la place: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js?

+0

Le lien 'dernier' a été prise vers le bas, mais cela donne le dernier (à moins jusqu'à ce que nous atteignions la version 2): http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js – harvest316

Répondre

32

Oui. C'est aussi simple que ça.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script> 

Vous pouvez utiliser le chargeur de Google pour le charger mais vous n'en avez pas vraiment besoin. Le seul inconvénient réel de l'utilisation de la min est que le code est compressé, donc si vous vouliez passer à travers avec un débogueur, il serait assez difficile de dire le moins. Les avantages l'emportent largement sur cela. Dans la production, je dirais par tous les moyens utiliser le min.

+0

ok merci! je vais utiliser le min. – chris

+3

Consultez http://code.google.com/apis/libraries/devguide.html#jqueryUI pour obtenir des informations générales sur l'hébergement jQuery-ui par google. – Marcel

+0

Je voudrais seconder @Marcel que le versionnement va toujours changer – StevenTsooo

9

La réponse précédente vous donne un lien vers une version spécifique de jqueryui, mais votre question implique que vous souhaitez les liens basés sur Google pour les dernières versions. Ce sont les src correctes:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 

Je vois que nous sommes à la version 1.9x au moment de l'écriture. Je ne sais pas si le "1" dans les liens de Google passera à un "2" si/quand nous atteignons jquery v2. Les liens ci-dessus vous donneront les fichiers les plus récents, de toute façon, dans la version 1.

Cette méthode ne semble pas être documentée sur la page des bibliothèques hébergées de Google, donc soyez prudent. De plus, les différentes bibliothèques supplémentaires telles que draggable/droppable auxquelles vous avez fait référence ne semblent pas hébergées sur Google.

Voir: https://developers.google.com/speed/libraries/devguide?hl=fr#jquery

+1

Notez que //code.jquery.com/jquery-latest.min.js vous donnera une version plus récente que //ajax.googleapis.com/ajax/libs /jquery/1/jquery.min.js (v1.10.0 vs. v1.9.1 au moment de la rédaction de ce document). – 10basetom

+0

Oui, mais une version plus récente de jQuery risque de casser votre application. Avoir cette mise à jour automatique crée un risque que votre application puisse se rompre à tout moment. Il est préférable à mon avis de mettre à jour périodiquement manuellement la version à la dernière et tester, puis faire la mise à jour. – james2code

0

vous devez coller 2 éléments:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

comme site developers.google.com dit

Questions connexes