jQuery Mobile: Как обновить страницу с динамической манипуляцией DOM?

Question

Я создал страницу с помощью jQuery Mobile и пытался динамически добавлять контент:

    $(function () {

        $("#deviceTarget").sortable({
            revert: true
        });

        $("body > div[data-role='page']").append($("<div data-role='header' data-theme='a' data-position='fixed'><h1>Header</h1></div>"));
        $("body > div[data-role='page']").append($("<div data-role='footer' data-theme='a' data-position='fixed'><h1>Footer</h1></div>"));
        $.mobile.activePage.trigger("create");

    });

    $(document).bind('mobileinit',function(){
        $.mobile.defaultPageTransition = 'none';
        $.mobile.selectmenu.prototype.options.nativeMenu = false;
      });

    function refreshPage() {
        $.mobile.activePage.trigger("create");
    }

Но я получил результат (изображение).

Я хочучтобы получить результат (изображение).

Как я могу это сделать?

Спасибо.

Answer 1

все, что вам нужно сделать, это обновить страницу

, не уверен насчет этого кода:

    $.mobile.activePage.trigger("refresh");

, но он должен работать.В противном случае взгляните на эту статью jquerymobile.com .