プログラムで固定フッタをJqueryMobileに追加

Question

jqueryモバイルページにフッタをプログラムで追加しようとしています。

フッターにhtmlマークアップを追加し、jquerymobileの "作成"機能を再度トリガーしてフッターのスタイルを設定するコードです。

  menu += '<div data-role="footer" data-position="fixed" id="menu" data-theme="a">'; 
      menu +=  '<div data-role="navbar">'; 
      menu +=   '<ul>'; 
      menu +=    '<li><a href="'+GLOBAL.APP_ROOT+'simulator/list1">List1</a></li>'; 
      menu +=    '<li><a href="'+GLOBAL.APP_ROOT+'simulator/list2">List1</a></li>'; 
      menu +=    '<li><a href="'+GLOBAL.APP_ROOT+'simulator/list3">List3</a></li>'; 
      menu +=   '</ul>'; 
      menu +=  '</div>'; 
      menu += '</div>'; 
      $('#pHome').append(menu).trigger('create'); 

私の問題は、ページの下部にフッターが表示されず、コンテンツdivの直後に表示されることです。私は手動でフッターのdivの位置を更新する必要があると思うが、それを行う方法を知らない。誰でも助けてくれますか？

Answer 1

この行の後に$('#pHome').append(menu).trigger('create');を試してください。jqueryモバイルが固定ツールバーの位置を再計算して表示するようにする必要があります。フッターを下に置いてください。