JQuery动态加载Javascript文件

Question

JQuery动态加载Javascript文件

我有一个非常大的javascript文件，我只想在用户点击某个按钮时加载。我使用jQuery作为我的框架。是否有内置方法或插件可以帮助我这样做？

更多细节：我有一个“添加注释”按钮，应该加载TinyMCE javascript文件（我把所有TinyMCE的东西都煮成了一个JS文件），然后调用tinyMCE.init（...）。

我不想在初始页面加载时加载它，因为不是每个人都会点击“添加评论”。

我明白我可以这样做：

$("#addComment").click(function(e) { document.write("<script...") });

但是有更好/封装的方式吗？

Answer 1

是的，使用getScript而不是document.write - 它甚至会在文件加载后允许回调。您可能想要检查是否已定义TinyMCE，然后再包含它（对于后续调用“添加注释”），因此代码可能如下所示：$('#add_comment').click(function() {     if(typeof TinyMCE == "undefined") {         $.getScript('tinymce.js', function() {             TinyMCE.init();         });     }});假设你只需要调用init一次，就是这样。如果没有，你可以从这里弄清楚:)