jquery мобильные диалоги, передача значений между страницами

Question

Я хочу сделать всплывающее окно ( страница диалоговых окон ) в jquery mobile с некоторыми полями ввода. Как передать данные из всплывающего окна на главную страницу?

И должно ли всплывающее окно быть полной страницей пользовательского интерфейса jquery ( анатомия страницы ) или просто

<div data-role="page"> 
...
</div>

Заранее спасибо!

Answer 1

Обмен мобильными страницами (передача данных между страницами) может осуществляться следующими способами:

1. sessionStorage или localStorage хранилища HTML5 Dom.
2. глобальные переменные.
3. jQuery.data ()

Пример использования Jquery.data () приведен ниже.

http://dl.dropbox.com/u/49735179/dialog-data-transfer.html.

Надеюсь, это поможет вам:)

Answer 2

Я не слишком углубился в jQuery mobile, но, на первый взгляд, он не сильно отличается от всплывающих диалоговых окон из jQuery UI.В этом случае вы можете попробовать привязать сборщик данных к кнопке в начале диалогового окна.

$('#testdiv').dialog({ //initiate dialog
  someoption: "test", //fake stuff for example
  otheroption: "foo", // ---
  buttons: {  //define buttons for dialog
    "Ok": function() { //define "ok" button
      var userInput = $('#inputInDialog').val(); //get value of the textbox in the dialog
      $('#domOnMainPage').text(userInput); //write that value to main page
    }
  }
})

Опять же, я не пользуюсь мобильным телефоном, но, вероятно, это будет довольно близко кто, что ты ищешь, я думаю.