Добавьте кнопку после загрузки TinyMCE через JQuery, и она не работает

Question

Я загружаю TinyMCE через JQuery, и после его загрузки я хочу добавить к нему кнопку сохранения. Кнопка сохранения вызывает функцию, но 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');

Это будет ссылаться на функцию правильно, и она все еще может быть спрятана внутри любого замыкания, в котором вы сейчас находитесь.