jQuery

[jQuery] JavaScriptファイルを非同期で読み込む($.getScript)

投稿日:

JavaScriptファイルを非同期で読み込むには、$.getScript() を使用します。

構文

(構文)
$.getScript(<URL> [,<コールバック関数>])
【$.getScriptの引数】
URL読み込むjsファイルを指定する
コールバック関数通信が成功した時に呼ばれる関数
※エラー時には呼ばれません。

サンプルソース

例)ボタンを押すと、hoge.jsを非同期で読み込む

hoge.jsを読み込む前と後では、「test()を呼び出す」ボタンを押した時の表示が変わります。

解説

  • ローカル環境だとクロスドメイン制約に引っかかるので、サーバにアップしてご確認ください。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] tooltipを設定する

jQueryでtooltipを設定するサンプルです。 ※ツールチップとは、カーソルを乗せると表示される注釈のことです。 ...

[jQuery] クリックする毎に画像を切り替える

クリックする毎に画像を切り替えるサンプルです。 サンプルソース 例)クリックする毎に画像を切り替える [crayon-5 ...

[jQuery] サブミットイベントを取得する(.submit)

jQueryでsubmitイベントを取得するサンプルです。 サンプルソース 例)submit時、テキストボックスがブラン ...

[jQuery] マッチした要素に加えて、1つ前にマッチした要素を加える(.addBack)

マッチした要素に加えて、1つ前にマッチした要素を加えるには、.addBack() を使用します。 構文 (構文) .ad ...

[jQuery] 指定した要素の次以降にある兄弟要素から指定した要素までを取得する(.nextUntil)

指定した要素の次以降にある兄弟要素から指定した要素までを取得するには、 .nextUntil() を使用します。 構文 ...

スポンサーリンク