Текст не отображается после загрузки новых страниц - JQuery Mobile - PullRequest
Новая
       16

Текст не отображается после загрузки новых страниц - JQuery Mobile

1 голос
/ 21 декабря 2011

У меня есть программа, которая дает оператор SQL (база данных браузера, использующая HTML5-SQL), она заполняет набор полей на моей мобильной странице jquery. Оператор SQL изменяется на основе идентификатора, переданного через URL. Поэтому, когда нажимается кнопка / ссылка, та же страница вызывается с другим значением параметра: index.html? Id = 545.

Хотя первая страница загружается без проблем, когда я щелкаю ссылку на следующую страницу, объекты (страница, кнопки, ссылка, div) отображаются, но текст внутри этих объектов не отображается.

Я использую событие $('div').live('pageshow',function(event, ui){, чтобы вызвать следующие действия: 

$("#title").text(Title);
$("#date").text(mdate);

Когда я печатаю значения Title и mdate в консоли отладчика Chrome, он показывает правильное значение. Я не знаю, почему тот же текст не отображается на кнопках и ярлыках.

Может ли кто-нибудь помочь мне с этим.

Спасибо

1 Ответ

2 голосов
/ 21 декабря 2011

При использовании jQM вам необходимо обновить элементы управления.Вот документы:

Обновление элементов формы В jQuery Mobile некоторые улучшенные элементы управления формой просто оформлены (входные данные), а другие являются пользовательскими элементами управления (выборками, ползунками), созданными и синхронизированными с собственным элементом управления.Чтобы программно обновить элемент управления формы с помощью JavaScript, сначала манипулируйте собственным элементом управления, а затем используйте метод refresh, чтобы сообщить расширенному элементу управления о необходимости обновить себя в соответствии с новым состоянием.Вот несколько примеров того, как обновить общие элементы управления формой, а затем вызвать метод обновления:

Флажки: 

$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");

Радиостанции: 

$("input[type='radio']").prop("checked",true).checkboxradio("refresh");

Выбор: 

var myselect = $("#selectfoo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");

Ползунки: 

$("input[type='range']").val(60).slider("refresh");

Переключатели(они используют ползунок): 

var myswitch = $("#selectbar");
myswitch[0].selectedIndex = 1;
myswitch.slider("refresh");

, если вам нужна эта страница, попробуйте это:

Улучшение новой разметки Плагин page отправляет событие pagecreate, которое большинство виджетов используют для автоматической инициализации.До тех пор, пока на скрипт плагина виджета ссылаются, он автоматически улучшит все экземпляры виджетов, которые он найдет на странице.

Однако, если вы создаете новую разметку на стороне клиента или загружаете контент через Ajax и внедряете егона странице вы можете вызвать событие create для обработки автоинициализации всех плагинов, содержащихся в новой разметке.Это может быть запущено на любом элементе (даже на самом div страницы), избавляя вас от необходимости вручную инициализировать каждый плагин (кнопка просмотра списка, выбор и т. Д.).

Например, если блок разметки HTML (скажем, форма входа в систему) была загружена через Ajax, вызвать событие create, чтобы автоматически преобразовать все содержащиеся в нем виджеты (в данном случае входы и кнопки) в расширенные версии.Код для этого сценария будет выглядеть следующим образом: 

$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
...