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一次，就是这样。如果没有，你可以从这里弄清楚:)