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

Question

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

Как это:

Инфо

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

Этот код не работает. Он показывает только элементы страницы «about» поверх моей текущей страницы (без стилизации). Как мне это сделать?

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

Answer 1

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

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

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