Создание диалогового windows JQuery Mobile

Я пытаюсь создать диалог с Jquery mobile . Я попытался ссылаться на принятый ответ в этом вопросе, но это не сработало для меня.

Вот мой код:

  

И вот JS, чтобы сделать это (внутри функции):

 //Nothing checked. Cannot continue. Add error message to div $('#errorText').html("You must check the checkbox next to \"I Agree\" to continue"); //Open Dialog $('#dialog').dialog(); 

Когда код для создания диалога достигнут, ничего не происходит. Предложения?

Диалог должен быть отдельным разделителем страницы, который можно загрузить через Ajax или включить в свой HTML. Вот пример.

    Page Title       

Dialog

Is this an answer?

Это работало для меня, из раздела «Локальные, внутренние связанные страницы» в http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/pages/docs-pages.html

http://jsfiddle.net/homer2/ra7Hv/

 

Foo

I'm first in the source order so I'm shown as the page.

View internal page called bar

Page Footer

Bar

I'm second in the source order so I'm not shown as the page initally.

Back to foo

Page Footer

Вы можете использовать

 $('#errorText').html("You must check the checkbox next to \"I Agree\" to continue"); $.mobile.changePage('dialog', 'slide', false, false); 

Дополнительная информация о http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/pages/docs-navmodel.html

Просто это,

 
Hello world
$('#popupDialog' ).popup('open');

Я сделал общий диалог, который открывается из JavaScript. Я надеюсь, что это поможет вам.

Код HTML :

 

И код JavaScript :

 function openDialog (title,body) { //Setting values $("#genericDialogHeader").html(title); $("#genericDialogContent").html(body); //Showing the generic dialog $.mobile.changePage( "#genericDialog", { role: "dialog" } ); }