Question

我尝试使用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（＆＃34; create＆＃34;）而不在fiddler中测试它，我将不胜感激。我试图在元素和容器的每个组合上调用这些函数都无济于事。

感谢您的帮助！

Answer 1

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/）

的小提琴

jQuery Mobile在动态创建后没有增强标题？

1 个答案: