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

Question

我想用一些输入字段在jquery mobile中制作一个弹出窗口（ 页面对话框 ）。 我如何将数据从弹出窗口传递到我的主页？

弹出窗口是否需要是完整的jquery ui页面（ 页面解剖 ），还是仅仅是

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

提前致谢！

Answer 1

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

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

同样，我还没有涉足移动领域，但我想这可能与您要寻找的非常接近。