jquery移动对话框，在页面之间传递值

Question

我想在jquery mobile中使用一些输入字段进行弹出（page dialogs）。我如何将数据从弹出窗口传递到我的主页面？

弹出窗口是否需要是一个完整的jquery ui页面（page anatomy），或者只是一个

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

提前致谢！

Answer 1

移动页面通信（在页面之间传递数据）可以通过以下方式完成：

1. HTML5 Dom存储的sessionStorage或localStorage。
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
    }
  }
})

同样，我还没有进入移动设备，但这可能会非常接近你正在寻找的东西，我在想。