JQuery Mobile clone page

Question

У меня проблема с клонированием страницы jqm. Вот пример:

http://jsfiddle.net/QZKBw/

, как вы можете видеть, клонирование и необходимости модифицировать страницу не проблема:

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?

Answer 1

Это следует сделать это: http://jsfiddle.net/Gajotres/Nc98p/

$(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'); 
    }); 
});