通过 JQuery 加载 TinyMCE 后添加一个按钮，它不起作用

Question

我正在通过 JQuery 加载 TinyMCE，加载后，我想为其添加一个保存按钮。保存按钮正在调用一个函数，但 Firebug 说该函数未定义，在这种情况下，destroyTinyMCE() 未定义。怎么了？

$('div#introText').click(function() {
        loadTinyMCE();
        $('div#introText').after('<input value="Save" onclick="destroyTinyMCE();" type="button">');
});

function loadTinyMCE() {
//some variable
}

function destroyTinyMCE() {
       $('div#introText').tinymce().destroy();
       $('div#introText').tinymce().remove();
}

Answer 1

如果它在您的document.ready 处理程序中，那么destroyTinyMCE 函数的作用域仅限于它，并且在全局命名空间中查找它时（就像onclick="destroyTinyMCE();" 一样），它不会在那里。而是在创建它时附加点击处理程序，如下所示：

$('<input value="Save" type="button">').click(destroyTinyMCE)
                                       .insertAfter('div#introText');

这将正确引用该函数，并且它仍然可以隐藏在您当前所在的任何闭包中。