JQuery移动克隆页面

我在克隆jqm页面时遇到问题。以下是一个例子：

如您所见，克隆和修改页面不是问题所在：

    var newPage = $('#page-1').clone();
    newPage.prop('id', 'page-2');
    newPage.find('#header-1')
        .prop('id', 'header-2')
        .find('h1')
        .html('Page 2');

切换回第1页将以两个活动页面结束。这是jqm的问题吗？

这应该可以做到：

$（函数（）{
$（“#克隆页面”）。单击（函数（）{
如果（$（'#第2页'）。长度==0）{
var newPage=$（'#page-1'）.clone（）；
newPage.prop（'id'，'page-2'）；
newPage.find（“#header-1”）
.prop（'id'，'header-2'）
.find（'h1'））
.html（“第2页”）；
newPage.find（“#content-1”）
.prop（'id'，'#content-2'）
.html（“”）；
newPage.appendTo（$.mobile.pageContainer）；
}        
$.mobile.changePage（“#第2页”）；
});
});

$(function () {
    $('#clone-page').click(function () {
        if($('#page-2').length == 0){
            var newPage = $('#page-1').clone();
            newPage.prop('id', 'page-2');
            newPage.find('#header-1')
                .prop('id', 'header-2')
                .find('h1')
                .html('Page 2');
            newPage.find('#content-1')
                .prop('id', '#content-2')
                .html('<a href="#page-1" data-role="button"> to Page 1</a>');
            newPage.appendTo($.mobile.pageContainer);        
        }        
        $.mobile.changePage('#page-2');
    });
});