1. ホーム
  2. javascript

[解決済み] 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 を一度だけ呼び出せばよいのであれば、ですが。そうでない場合は、ここから解決できます :)