[解決済み] Javascriptファイルを動的に読み込むJQuery
2022-07-04 23:20:20
質問
非常に大きなjavascriptファイルがあり、ユーザーが特定のボタンをクリックした場合のみ読み込むようにしたいです。 私は私のフレームワークとしてjQueryを使用しています。 これを行うのに役立つ組み込みメソッドまたはプラグインはありますか?
もう少し詳しく。 私は、TinyMCE javascriptファイル(私はすべてのTinyMCEのものを単一のJSファイルに煮詰めました)をロードし、次にtinyMCE.init(...)を呼び出す必要がある"Add Comment"ボタンを持っています。
誰もが "コメントを追加" をクリックするわけではないので、最初のページロード時にこれをロードしたくありません。
私は私がちょうどすることができます理解しています。
$("#addComment").click(function(e) { document.write("<script...") });
が、もっと良い方法・カプセル化された方法はないのでしょうか?
どのように解決するのですか?
そうです。 getScript を使用します。ファイルがロードされると、コールバックが可能になります。
しかし、TinyMCE が定義されているかどうかを、(「コメントを追加する」を呼び出す前に)確認したいと思うかもしれません。
$('#add_comment').click(function() {
if(typeof TinyMCE == "undefined") {
$.getScript('tinymce.js', function() {
TinyMCE.init();
});
}
});
を呼び出すだけだと仮定すると
init
を一度だけ呼び出せばよいのであれば、ですが。そうでない場合は、ここから解決できます :)
関連
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] 2つのJavaScriptオブジェクトのプロパティを動的にマージするにはどうすればよいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
fetch ネットワークリクエストラッパーの説明例
-
要素ツリー制御によるvueTreeテーブル
-
vueディレクティブv-bindの使用と注意点
-
vueの補間表現とv-textディレクティブの違いについて
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み】React Uncaught Error: 対象コンテナが DOM 要素でない [重複]。
-
OSSアップロードエラーを解決する: net::ERR_SSL_PROTOCOL_ERROR
-
[解決済み] JS内部でJSを動的にロードする【重複あり