0

我正在尝试使用 jQuery mobile 创建一个带有动态生成标题的新页面。但是，当我这样做时，我的标题永远不会增强。

我的javascript如下：

var create_new_page = function(){
    var new_page = jQuery('<div>').attr('class', 'mypage').attr('id', 'new-page').data('role','page'); 
    var nav_bar = jQuery(<div data-role="navbar"><h1>THIS SHOULD BE A NAVBAR</h1></div>
    new_page.appendTo(jQuery('body')).trigger("create");
    new_page.ready(function(){
        jQuery.mobile.changePage(new_page);
    });
}
jQuery( document ).delegate("#loading", "pageinit", function() {
   create_new_page();
});

您可以在http://jsfiddle.net/KAWtE/2/上使用我正在使用的确切代码

如果您不建议在随机元素上调用 .page() 或 .trigger("create") 而不在 fiddler 中对其进行测试，我将不胜感激。我试图在元素和容器的每种组合上调用这些函数，但无济于事。

感谢您的帮助！

4

1 回答 1

0

不data('role','page')工作。如果你更换

var new_page = jQuery('<div>').attr('class', 'mypage').attr('id', 'new-page').data('role','page');

和

var new_page = jQuery('<div data-role="page">').attr('class', 'mypage').attr('id', 'new-page');

有用。（它在小提琴http://jsfiddle.net/KAWtE/3/上）

于 2012-05-02T18:47:34.013 回答