Как показать диалог в jQuery Mobile

У меня есть панель инструментов в jQuery mobile, состоящая из нескольких ссылок, которые загружают модальные диалоговые окна "pop" поверх моего приложения javascript.

Вот так:   

Информация

Если div с id = "about" имеет data-role = "page". Я хотел бы открыть тот же диалог из кода, возможно, как часть обработчика кнопок, но я не могу найти способ сделать это.

Этот код не работает. Он отображает только элементы страницы "about" прозрачно на моей собственной странице (без стилизации). Как это сделать?

$("#buttAbout").click(function () {
    $('#about').show();
    return false;
});

Ответ 1

Похоже, мобильные диалоги jQuery сильно отличаются от jQuery UI. Это должно делать то, что вы хотите:

$.mobile.changePage('#about','pop',false,true)

Документация для changePage здесь. В основном, первым аргументом является строка для поиска нужной вам страницы (может быть идентификатором элемента, объектом jQuery или URL-адресом страницы), второй аргумент - переход страницы, третий - направление перехода (false for forward, true для назад), и последним аргументом является то, хотите ли вы, чтобы URL-адрес страницы обновлялся после перехода. Я думаю, вам также нужно убедиться, что атрибут data-role правильно установлен на dialog в div для вашего диалога, чтобы обеспечить правильное поведение истории/стиля.