Question

我正在学习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);});

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

Answer 1

我想我找到了答案，我只需要使用'HREF'就可以解决问题了。

使用参数jQuery Mobile进行页面导航

1 个答案: