В моем приложении я создаю довольно много элементов, используя Javascript.Например, мой начальный HTML-код выглядит примерно так:
<div data-theme="a" data-role="page" id="splash">
<div data-role="content" id="splashContent">
</div>
</div>
А затем в Javascript он выглядит так:
myObject.prototype.addHeader = function(headerText) {
var splashPageContent = jQuery('#splashContent');
this.header = jQuery('<h1>'+headerText+'</h1>');
splashPageContent.append(this.header);
}
До сих пор все шло хорошо.Проблемы начинают возникать, когда я хочу изменить текст заголовка, после того, как страница была создана JQM
myObject.prototype.changeHeader = function(headerText) {
this.header.html(headerText);
}
Это не работает.Когда я console.log 'this.header', я получаю элемент, но этот элемент кажется плавающим в гиперпространстве DOM (например, у него нет родителей).Когда я выбираю видимый заголовок на странице (используя Firebug), я получаю элемент, отличный от показанного console.log.
Как это может быть?Делает ли JQM клоны заголовка?И как я могу изменить текст клонированного заголовка?