在jquery mobile中动态添加页脚或标题

Question

我想在我的jquery移动页面中动态添加页脚..

<div data-role="page" id="homePage" data-theme="b" data-add-back-btn="true">  
  <div data-role="header"><h3></h3></div>
  <div data-role="content">
  <ul data-role="listview" id="aaa">

   </ul>
   </div> 

我试图动态添加页脚..

 $('#homePage').append('<div data-role="footer" data-position="fixed"><i>Copyright  &copy; 2013</i></div>').trigger( "create" );

但它对我不起作用。

Answer 1

请参阅此fiddle

 $('#homePage').append('<div data-role="footer" data-position="fixed"><i>Copyright  &copy; 2013</i></div>').trigger( "pagecreate" );

我使用了jquery网站模板中的相同代码。需要为此管理CSS。

如以下评论所述编辑：

Fiddle1