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 Web サイトのテンプレートと同じコードを使用しました。これには CSS を管理する必要があります。

以下のコメントで指摘されているように編集します。

フィドル1