Использование jQuery Mobile с плагином jquery ui.layout

Question

Кто-нибудь успешно использовал плагин jQuery ui.layout для загрузки мобильного телефона jQuery на панели?

Я занимаюсь разработкой настольного приложения, которое будет работать на 21 "сенсорных экранах без клавиатуры; кроме того, клиенту будут доступны определенные функции для мобильных устройств.

Я использую только php, jqm и jQuery и хотел бы использовать ui.layout из-за его большой гибкости, но когда я пытаюсь динамически загружать страницы jqm в панель, все стили удаляются.

Мне нужно создать несколько довольно сложных панелей данных в реальном времени, поэтому возможность использования ui.layout очень помогла бы мне выполнить эту задачу.

Вот URL-адрес тестовой страницы, которую я собрал. Я пытаюсь загрузить одну мобильную страницу слева и одну справа. themachine.hopto.org: 8080 / ~ av2ma / тест / index_test.html

Заранее благодарим за ваше время.

Answer 1

Возможно, вы не захотите использовать метод page () для элемента, поскольку страница может войти в бесконечный цикл.Вместо этого вы можете использовать триггер («создать»).С этим стиль "west_content" вернется.

Но center_content - нет, потому что клон еще не скопировал необходимый мобильный класс, когда DOM готов.$ (document) .ready запускается, когда DOM готов, но не когда загружены все видимые элементы.Для последнего вы должны использовать событие $ (window) .load.Следующий код исправит вашу стилевую проблему.

$(document).ready(function () {

       myLayout = $('body').layout({
        name: 'myLayout'
        ,west__size: '25%' 
        ,west__autoResize: true
        });
});
$(window).load(function () {
     center_content = $("#west_content").clone();
    center_content.attr("id", "center_content");

    $("#center").html(center_content);
    //you don't need this any more center_content.trigger("create");

});