jquery - 在 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

看到这个小提琴

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

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

编辑如下评论中指出的：

小提琴1