web-dev-qa-db-fra.com

jquery ui - comment utiliser google CDN

Je souhaite utiliser Google CDN pour jQuery et jQuery UI ..

J'utilise la réponse d'ici pour jQuery. Le meilleur moyen d'utiliser jQuery hébergé par Google, mais revenir à ma bibliothèque hébergée sur Google échoue

mais je ne comprends pas ce morceau:

if (typeof jQuery == 'undefined')

alors comment puis-je le faire pour jQuery UI? cela fonctionnera-t-il également avec le thème jQuery UI personnalisé, car cela produira également un fichier js personnalisé?

javascriptjqueryjquery-uicdngoogle-cdn
32
raklos

Vous pouvez passer 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 tout autre nom de thème /base/jquery-ui.css à tout 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 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 Boilerplate):

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

Si vous avez un thème d'interface utilisateur jQuery personnalisé, vous devez l'héberger sur votre propre serveur. Google héberge uniquement les principaux thèmes de l'interface utilisateur jQuery .

Si vous souhaitez vérifier si la bibliothèque jQuery UI a été chargée ou non, vous pouvez le faire:

if (jQuery.ui) {
}
9
JasCav

Voici la liste, passez simplement à la version dont vous avez besoin.

https://developers.google.com/speed/libraries/devguide#jquery-ui

0
Syed Priom