JQuery: почему селектор не работает, если создал элемент сам?

Question

[mgkirs]

Я в 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">&#215;</a></div>';
window.document.body.appendChild(ga);

Ни tinimce, ни jquery в упор не видят textarea.

Как я понял jquery инициализирует элементы 1 раз и все. Как было бы правильно сделать так чтобы по селектору 'textarea' jquery выпадало textarea#text - оно единственное там textarea.

Answer 1

[Дмитрий Астриков]

Инициализировать этот элемент нужно уже после того, как вы добавили его в dom. Тогда все будет работать.

Comments

[mgkirs]

Точно))) Спасибо, что я только не делал, а все ведь очевидно ... По старой памяти инициализировал до формы. А ведь оно иницилизируется после загрузки документа