JimdoでjQueryを使う方法:CDNに設置されたjQueryファイルを使用



JimdoでjQueryを使う方法が分かったのでメモ。

CDNに設置されたjQueryファイルを使用した方法。


//--------CDN読み込み--Start
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
//--------CDN読み込み--End

<script type="text/javascript">

(function($) { //--------jQuery のコンフリクト回避--Start

$(document).ready(function(){

//-----この部分にjQueryを記述

});

}(jQuery)); //--------jQuery のコンフリクト回避--End

</script>





昨日、CDNに設置されたjQueryファイルを使用出来ないと書いたが、訂正。出来なかった理由は、次の通り。

Jimdo はJavaScriptライブラリ prototype.js で動作している。そこに jQuery のライブラリを読み込むと衝突(コンフリクト)が発生し、うまく動作しない。


■補足
・Jimdo はJavaScriptライブラリ prototype.js で動作…ネット情報。2015年記事。現在は違う可能性あり。

・jimdoは「http」は読み込みエラーとなる。「https」なら読み込み可能。

コメントの投稿

非公開コメント

プロフィール

カナモリ

Author:カナモリ

個人事業主・フリーランス
・ホームページ作成
・WEBサイト制作
・SEO対策
を仕事にしています。

最新記事
カテゴリ
リンク
月別アーカイブ
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

アクセスカウンター