在jquery mobile中将页面附加到id

我已经创建了一个模板authorPageTemplate，这是一个id为author+id的页面。单击厨房上的图像后，我想使用该模板附加作者页面

页面模板功能是

var authorPageTemplate = function(id){
var authorPage = '<div data-role="page" id="author' + id +'">';
    authorPage += '<div id="content-pane'></div>;
    authorPage += '</div>';
    return authorPage;
}


$("#page5").on("pageshow", function(event){
    $("#gallery a").on("tap", function(){
    idNum = $(this).attr("id");
    setID(idNum);
    $("#container").append(authorPageTemplate(getID()));
    $.mobile.changePage("#author" + getID(), {
        transistion : "slidefade"
    });
});
});

问题: 1.未创建作者页

这里有一个

您的模板代码在id=“content plane”和结尾/div附近的单引号和双引号方面存在一些问题。它应该如下所示：

function authorPageTemplate(id){
    var authorPage = '<div data-role="page" id="author' + id +'">';
    authorPage += '<div id="content-pane"></div>';
    authorPage += '</div>';
    return authorPage;
}

---

您正在使用哪个版本的jQM？哪个id$（“#容器”）

function authorPageTemplate(id){
    var authorPage = '<div data-role="page" id="author' + id +'">';
    authorPage += '<div id="content-pane"></div>';
    authorPage += '</div>';
    return authorPage;
}

$(document).on("pageshow", "#page5", function(){
    $("#gallery a").on("click", function(){
        $("body").append(authorPageTemplate('num1'));
        $.mobile.changePage("#author" + "num1", {
            transistion : "slidefade"
        });
    });

    $(document).on("pageshow", "#author" +"num1", function(event){
        $("#author" + "num1" + " #content-pane").html('I am a dynamic page');
    });
});