jQuery Mobile: динамическая загрузка контента (форм) через PHP без применения стилей - PullRequest
Новая
       10

jQuery Mobile: динамическая загрузка контента (форм) через PHP без применения стилей

2 голосов
/ 24 февраля 2012
  • Проблема: темы jQuery Mobile не применяются к вновь вставленным динамическим формам.
  • Формы вставляются в <div id="formSuccess"> без проблем.
  • Формы создаются из скрипта PHP

  • Проект использует jquery.mobile-1.0b1 & jquery-1.6.4 

        var jqxhr = $.post("getForm.php", { form: tempVar},     function(data) {$("#formSuccess").page();   
    $("#formSuccess").html(data);   
    //$("#formSuccess").page("refresh");
   // $("#formSuccess").html(data).appendTo( "#some_page").trigger( "create" );
})

1 Ответ

3 голосов
/ 25 февраля 2012

Прежде всего вы должны обновить jQuery Mobile до версии 1.0.1: http://www.jquerymobile.com/download

Чтобы ответить на ваш вопрос, вам нужно сообщить инфраструктуре jQuery Mobile, что вы обновили DOM и хотите, чтобы он инициализировалновый контент.Вы можете сделать это с помощью .trigger('create'): 

var jqxhr = $.post("getForm.php", { form: tempVar }, function(data) { 
    $("#formSuccess").html(data).trigger('create');
});

Обратите внимание, что я использовал .trigger('create') после добавления нового HTML-кода в DOM.

Вот демонстрационная версия: http://jsfiddle.net/jasper/YTvhF/

...