我想在jQuery Mobile中創建一個彈出窗口(page dialogs),並帶有一些輸入字段。我如何將數據從彈出窗口傳遞到我的主頁面?jquery移動對話框,在頁面之間傳遞值
並執行彈出需要一個完整的jQuery UI頁面(page anatomy),或者只是提前
<div data-role="page">
...
</div>
謝謝!
我想在jQuery Mobile中創建一個彈出窗口(page dialogs),並帶有一些輸入字段。我如何將數據從彈出窗口傳遞到我的主頁面?jquery移動對話框,在頁面之間傳遞值
並執行彈出需要一個完整的jQuery UI頁面(page anatomy),或者只是提前
<div data-role="page">
...
</div>
謝謝!
我還沒有深入jQuery手機,但乍一看,它看起來與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
}
}
})
再一次,我還沒有進入移動,但這可能會非常接近你正在尋找,我在想。
移動通信頁面(頁面之間傳遞數據),可通過以下方式進行:
示例Jquery.data的使用()被下面簡稱。
http://dl.dropbox.com/u/49735179/dialog-data-transfer.html。
希望這可以幫助你:)
進一步展望的文件,我看到一些信息,可能對我的回答衝突,以及一些支持它。 jQuery Mobile似乎做了很多內聯函數,但也提到你可以使用$('#testdiv')。dialog('close')以編程方式關閉對話框。所以我認爲可能有多種方式來處理JQmobile中的對話框。我會讀更多 – 2012-02-05 21:41:25
感謝您的時間凱爾,虐待接受這一點。你在哪裏找到.dialog方法btw? – Johan 2012-02-05 22:18:30
我從jQuery UI知道它,但是我在第一個鏈接中看到它,http://jquerymobile.com/demos/1.0.1/docs/pages/page-dialogs.html在關閉對話框中,它讓我想到了結構可能是相同的 – 2012-02-05 22:21:44