初心者も簡単ブログにコピペだけ!1クリック高単価7〜42円。登録無料最短1分でスタート。

jqueryを使う為のサンプルコードとフォールバック。

jquery CDN読み込み方法とフォールバック

最新のjqueryは ver2.xx.xxは高速化されてきびきび動きますが、まだIE7,IE8なども一応対応させたいので
jquery ver1.11.1を使用します。

今回はgoogleにホストされているjquery CDNが読み込めない時の為にフォールバック用のjquery.jsも記述しています。
フォールバック用のjsはあらかじめ用意しておく必要があります。

解説:
1行目、2行目はver1.11.1のjquery.min.jsとjqeury-ui.min.jsをCDNで読み込ませます。
3行目フォールバック用のjquery.jsを用意しておきます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script type="text/javascript">
      (window.jQuery || document.write('<script src="/js/jquery.js"><\/script>'));
</script>

上記の記述で、万が一の場合はフォールバック用のjqueryを使用するようにできます。

ダイレクト特集ページ用バナー(ダウンロード版)

初心者も簡単ブログにコピペだけ!1クリック高単価7〜42円。登録無料最短1分でスタート。