web-dev-qa-db-ja.com

jquery ui-Google CDNの使用方法

JQueryとjQuery UIにGoogle CDNを使用したい。

ここからの回答をjQueryに使用しています。 GoogleのホストされたjQueryを使用する最良の方法ですが、Googleでホストされているライブラリにフォールバックします

しかし、私はこのビットを理解していません：

if (typeof jQuery == 'undefined')

jQuery UIでそれを行うにはどうすればよいですか？また、これはカスタムjQuery UIテーマでも動作しますか？これはカスタムjsファイルも生成しますか？

javascriptjqueryjquery-uicdngoogle-cdn
32
raklos

を使用して電話をかけることができます

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

テーマの名前を変更して、他のUiテーマにリンクすることもできます。この場合、名前ベースを他のテーマ名に変更します/base/jquery-ui.css他のテーマへ。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

すべてのCDNリンクのリンクについては、jQuery UIブログをご覧ください http://blog.jqueryui.com/

Google CDNが失敗またはダウンすることが心配な場合は、CDNがオフラインのときにローカルコピーにフォールバックできます（この例はHTML5ボイラープレートのようなテンプレートに組み込まれています）。

<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

カスタムjQuery UIテーマを使用している場合は、独自のサーバーでホストする必要があります。 Googleは、 メインjQuery UIテーマ のみをホストします。

JQuery UIライブラリがロードされているかどうかを確認したい場合、これを行うことができます。

if (jQuery.ui) {
}
9
JasCav

以下にリストを示します。必要なバージョンに変更してください。

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

0
Syed Priom