带有参数的页面导航 jQuery Mobile答案

【问题标题】：Page navigation with parameters jQuery Mobile带有参数的页面导航 jQuery Mobile
【发布时间】：2012-01-17 13:37:21
【问题描述】：

我现在正在学习 jQuery Mobile，但是我遇到了问题。当我在页面之间导航时，我想在这些页面之间传递一些数据。但我无法解决这个问题，这是我为测试它而创建的，但它不起作用。我已经搜索了一些论坛和谷歌，但找不到有效的答案。

你们中有人知道这个问题的解决方案吗？

第 1 页；

<%@ Page Title="" Language="C#" MasterPageFile="~/Test.Master" AutoEventWireup="true" CodeBehind="Page1.aspx.cs" Inherits="Vertegenwoordigers.Page1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div data-role="page" id="Page1">
    <div data-role="header">
        <a id="ToPage2" data-role="button" class="ui-btn-right" data-icon="arrow-r">Page 2</a>  
        <h1>Page 1</h1>
    </div>

    <div data-role="content">
        Page 1
    </div>
</div>

</asp:Content>

第 2 页：

<%@ Page Title="" Language="C#" MasterPageFile="~/Test.Master" AutoEventWireup="true" CodeBehind="Page2.aspx.cs" Inherits="Vertegenwoordigers.Page2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div data-role="page" id="Page2">
        <div data-role="header">
            <a id="ToPage1" href="/Page1.aspx" data-role="button" data-icon="arrow-l">Page 1</a>    
            <h1>Page 2</h1>
        </div>

        <div data-role="content">
            Page 2
        </div>
    </div>

</asp:Content>

Javascript：

$(document).bind("mobileinit", function () { });

$('#Page1').live('pagebeforecreate', function (event) {
console.log("Page1 pagebeforecreate");
console.log(event); });

$('#Page1').live('pagecreate', function (event) {
console.log("Page1 pagecreate");

$('#ToPage2').bind('click', function () {
    console.log("ToPage2 click");

    $.mobile.changePage("/Page2.aspx", {
        type: "post",
        data: "testdatastring"
    });

});});


$('#Page2').live('pagebeforecreate', function (event) {
console.log("Page2 pagebeforeload");
console.log(event); });

$('#Page2').live('pagecreate', function (event) {
console.log("Page2 pagecreate");
console.log(event);});

我希望你们中的一些人可以帮助我解决这个问题。

【问题讨论】：

标签： javascript jquery html mobile navigation

【解决方案1】：

我想我找到了答案，我只需要使用一个“HREF”，问题就消失了。

【讨论】：