Javascript 多页面站点中jQueryMobile/jQuery的问题

我对jQuery和jQueryMobile有问题

我有一个有2页的网站：

    <div data-role="page" id="main">
        <div data-role="header">
            header1
        </div>
        <div data-role="content">   
            <a id="1" href="#detail">link</a>
        </div>
    </div> 

    <div data-role="page" id="detail">
        <div data-role="header">
            header2
        </div>
        <div data-role="content">   
            <div id="foo">content2</div>
        </div>
    </div> 

到目前为止，一切都很好。问题是，当我单击链接后想要读取

var测试时，它不再保存

我能做些什么来防止这种情况

我想做这样的东西：

$('#foo').html(test);

阅读您的评论时，您需要使用pageInit。你试过了吗

$( '#main' ).live( 'pageinit',function(event){

                var test = 0;

                $('a').click(
                        function ()
                        {
                            test= $(this).attr('id');
                        }
                );  
});

阅读您的评论时，您需要使用pageInit。你试过了吗

$( '#main' ).live( 'pageinit',function(event){

                var test = 0;

                $('a').click(
                        function ()
                        {
                            test= $(this).attr('id');
                        }
                );  
});

jQM文档：




重要提示：使用
pageInit（）
，而不是
$（document.ready（）

在jQuery中学习的第一件事是调用
$（document）.ready（）
函数，因此所有操作都将尽快执行
DOM已加载。但是，在jQuery Mobile中，Ajax用于加载
导航时，将每个页面的内容导入DOM，并准备好DOM
处理程序仅对第一页执行。每当
加载并创建新页面后，可以绑定到pageinit事件。
本页底部详细解释了此事件

我还建议您阅读JavaScript

相关的：



jQM文件：




重要提示：使用
pageInit（）
，而不是
$（document.ready（）

在jQuery中学习的第一件事是调用
$（document）.ready（）
函数，因此所有操作都将尽快执行
DOM已加载。但是，在jQuery Mobile中，Ajax用于加载
导航时，将每个页面的内容导入DOM，并准备好DOM
处理程序仅对第一页执行。每当
加载并创建新页面后，可以绑定到pageinit事件。
本页底部详细解释了此事件

我还建议您阅读JavaScript

相关的：



问题出在哪里？您的代码似乎工作结束测试已保存此代码工作正常，是的。但是当我拥有整个jQueryMobile网站时，它就不起作用了。在jquerymobile站点上，是关于不要使用$（document）.ready（）的内容。我应该使用pageInit（），但我不知道如何使用。有什么问题吗？您的代码似乎正常工作结束测试已保存。该代码正常工作，是的。但是当我拥有整个jQueryMobile网站时，它就不起作用了。在jquerymobile站点上，是关于不要使用$（document）.ready（）的内容。我应该使用pageInit（），但我不知道如何使用。
var test = 0;
$('#main').live("pageshow",function(event){ //or pageinit, or pagecreate
    $('a').click(
                    function ()
                    {
                        test= $(this).attr('id');
                    }
            );   
});