您是否尝试使用$(document).ready(function(){ $('.ajaxtrigger').trigger('click'); });来捕获对index.html中的page 2的单击/点击，然后将数据插入page2.html？
如果是这样的话，那就不起作用了，因为你不能用这种方式在页面之间传递数据。试着给page2.html的主div一个id #page2，然后使用pagebeforeshow方法（http：//jquerymobile.com/test/#/test/docs/api/events.html）

$('div#page2').live('pagebeforeshow',function(event, ui){
  $('div#page2 div#ajax_loaded_content').load('url_to_load_from.php');
});

我也有类似的问题（正如上面评论中提到的）而我刚刚想通了（至少对我来说）.当jQuery移动的通过 AJAX 加载下一个页面时，它将前一页保留在DOM中，以便后退按钮能够正确工作。现在的问题是，如果您在第二页上使用JavaScript引用任何DOM元素（特别是通过ID），您必须考虑到来自上一页的元素仍然在DOM中，因为ID被设计为唯一的，所以document.getElementById()不那么可靠，所以$("#myDiv")也不可靠。
我刚开始做的是通过类名引用DOM元素（例如$(".myDivClass")）因为css类被设计成不是唯一的，这看起来很有效。副作用是无论你在javascript中做了什么改变，所有隐藏页面都会被修改，但它完成了任务。另一个想法是我在“我键入这个命令是为了给予每个<div data-role="page">一个唯一的ID，并且从现在开始使用$("#myUniquePage #myInnerDiv")而不是$("#myInnerDiv")查询元素。
希望能有所帮助。

试试这个：

$('page2.html').bind('pageshow', function() {
   $('.ajaxtrigger').trigger('click');
});

另一种选择是为每次页面加载时要操作的DOM元素生成一个唯一的id，这样就不会出现Adam描述的id重复的问题。我用C#（w/Razor语法）这样做：

@{ string headerAutoGenSym = "header_" + new System.Random().Next(1000000000); }
@section header
{
    <div id="@headerAutoGenSym"></div>

    <script type="text/javascript">
        $(function () {
            $(document).bind("pageinit", function () {
                $.get(
                    '@Url.Action("myAjaxURL")',
                    function (data) {
                        $('#@headerAutoGenSym').append(data);
                    }
                );
            });
        });
    </script>
}