2

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に戻ると、2つのアクティブなページが表示されます。jqmに問題がありますか?

4

1 に答える 1

2

これでうまくいくはずです: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');
    });
});
于 2013-02-17T16:52:10.093 に答える