jQuery ui - comment utiliser Google CDN [dupliquer]
Cette question a déjà une réponse ici:
Je veux utiliser Google CDN pour jQuery et jQuery UI..
J'utilise la réponse d'ici pour jQuery. La meilleure façon d'utiliser jQuery hébergé de Google, mais revenir à ma bibliothèque hébergée sur Google échouer
, Mais je ne comprends pas ce bit:
if (typeof jQuery == 'undefined')
Alors, comment puis-je le faire pour jQuery UI? en outre, cela fonctionnera-t-il avec le thème D'interface utilisateur jQuery personnalisé car cela produit également un fichier JS personnalisé?
3 réponses
Vous pouvez faire l'appel en utilisant
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
Vous pouvez également créer un lien vers d'autres thèmes de L'interface utilisateur en modifiant le nom du thème. Dans ce cas, remplacez la base de nom par un autre nom de thème /base/jquery-ui.css par un autre thème.
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
Consultez le blog jQuery UI pour un lien de tous les liens CDN http://blog.jqueryui.com/
Si vous craignez que le CDN de Google échoue ou tombe en panne, vous pouvez revenir à une copie locale lorsque le CDN est hors ligne (cet exemple est intégré dans des modèles comme HTML5 Passe-Partout):
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"></script>')
</script>
Si vous avez un thème jQuery UI personnalisé, vous devez l'héberger sur votre propre serveur. Google héberge uniquement les thèmes jQuery UI Principaux .
Si vous voulez vérifier si la bibliothèque jQuery UI a été chargée, vous pouvez le faire:
if (jQuery.ui) {
}
Voici la liste, il suffit de changer la version dont vous avez besoin.
Https://developers.google.com/speed/libraries/devguide#jquery-ui