Диалог _ jQuerymobile

Question

Я хочу открыть диалоговое окно на основе результата Ajax. Как создать / открыть диалог из файла .js?

Кто-нибудь, помогите мне.

Спасибо заранее.

Answer 1

, если вы просто ссылаетесь на такой файл:

<a href="foo.html" data-rel="dialog">Open dialog</a>

все равно это делается с AJAX и хорошо ухудшается для людей с меньшей поддержкой JS.

Как вы хотите это сделать:

Создайте упаковочный div для своего контента и присвойте ему атрибут data-role=dialog, затем вызовите .dialog() или .page(), если диалог не работает. Обновить: С JQMbeta2 они вводят событие 'create', которое вы должны запускать на материале вместо использования .page

Answer 2

Я думаю, он имеет в виду, что хочет использовать JS, чтобы открыть диалоговое окно jQM, а не создавать диалоговую ссылку и инициировать событие щелчка.

В этом случае вы должны использовать $ .mobile.changePage ('pageURL ', {role:' dialog '});

Answer 3

Не знаю, актуален ли этот пост, но я сделал это так:

function openDialog(strPageId, strTransition){
    $.mobile.changePage($("#"+strPageId+":jqmData(role='dialog')"), {transition : ""+strTransition+""});    
}

И затем вы можете вызвать его на кнопке или в своем коде, где бы ...

<button data-theme="a" name="btnOS" id="btnOS" onClick="openDialog('pu-edit-mailorder','slideup')">Order</button>

Answer 4

.dialog() у меня почему-то не сработало. Я использую:

$("<a href='#dialog-id' data-rel='dialog'></a>").click().remove();

Не очень хорошо, но работает.