Question

在动态生成的页面上，我有X TinyMCE-textarea，jquery和css这些“表单”被隐藏或显示，基于“select”。首先，TinyMCE显示没有问题，但是在我选择了某些东西（另一种语言，select-option），并且jquery隐藏了所有这些，并且当显示所选的div时，TinyMCE被初始化而没有按钮。我试图在.hide（）之前关闭TinyMCE，而不是在.show（）之后打开，但是出了点问题。对不起，我的英文，谢谢你的帮助 HTML

<select id="langs">
      <option name="0">Magyar</option>
      <option name="1">Angol</option>   
</select>
<form id="addarticleform" method="post" action="" >
    <input type="submit" value="Mentés" name="addarticlesubmit"/>
    <div id="form_0">
        <p>Cikk címe: <input type="text" name="articletitle_0" value="" /></p>
        Cikk tartalma:
        <textarea name="articletext_0"></textarea>
    </div>
    <div id="form_1">
        <p>Cikk címe: <input type="text" name="articletitle_1" value="" /></p>
        Cikk tartalma:
        <textarea name="articletext_1"></textarea>
    </div>
</form>

jQuery的：

$(document).ready(function(){        
    $('#langs').change(function() {
        //Remove tinymce
        removeTinyMCE();
        $('#addarticleform div').hide('slow');
        var e = '#form_' + $(':selected', $(this)).attr('name');
        $(e).show('slow');
        //add tinymce
        addTinyMCE();
    });
});
function removeTinyMCE () {
    alert("removing");
    tinyMCE.execCommand('mceRemoveControl', false, $("#container textarea"));
    //tinyMCE.execCommand('mceRemoveControl', false, $("#container textarea").attr(id));
}
function addTinyMCE() {
    alert("adding");
    tinyMCE.execCommand('mceAddControl', false, $("#container textarea"));
}

更新：
我的解决方案：

initTinyMCE("textarea");
$(document).ready(function(){        
    $('#langs').change(function() {
        var tid = '#textarea_' + $(':selected', $(this)).attr('name');
        $(tid).tinymce().remove();
        $('#addarticleform div').hide('slow');
        var e = '#forms_' + $(':selected', $(this)).attr('name');
        $(e).show('slow');
        initTinyMCE(tid);
    });
});
function initTinyMCE(selector) {
    $(selector).tinymce({
        .....
    });
};

Answer 1

您的问题的解决方案可能是使用$("#container textarea").attr('id')

而不是函数中的$("#container textarea") removeTinyMCE和addTinyMCE。

jQuery / TinyMCE使用动画显示和删除多个textareas

1 个答案: