Я в jQuery вообще новичок и не до конца понимаю что происходит. И как правильно.
Собственно моя цель загрузить tinyMCE ajax ом в форму загруженную ajax.
Для этого я аяксом подгружаю скрипт:
//подгрузка скрипта
tm=document.createElement('script');
tm.type='text/javascript';
tm.src='/js/tm/tinymce.min.js';
window.document.head.appendChild(tm);
//инициализация
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
autosave_ask_before_unload: false,
max_height: 200,
min_height: 160,
height : 180
});
//загрузка формы
ga=document.createElement('div');
ga.innerHTML= '\
<div id="getarticle" class="reveal-modal" data-reveal>\
<div class="panel large-12" style="min-width:45ex;min-height:45ex;">\
<form>\
<textarea id="text" placeholder="Ваше сообщение" style="height:6rem;"></textarea>\
</form>\
</div>\
<a class="close-reveal-modal">×</a></div>';
window.document.body.appendChild(ga);
Ни tinimce, ни jquery в упор не видят textarea.
Как я понял jquery инициализирует элементы 1 раз и все. Как было бы правильно сделать так чтобы по селектору 'textarea' jquery выпадало textarea#text - оно единственное там textarea.