これが機能しない理由がわかりません。私は非常に多くのページを取得し、同じフッターを何度も追加したくないので、実際に機能するこれを作成しました。
$(document).delegate('[data-role="page"]', 'pagecreate', function() {
$(this).children('[data-role="footer"]').append('<div data-role="navbar">
<ul><li class="nav-active"><a href="#home">Home</a></li>
<li class="nav-active"><a href="#service">Service</a></li>
<li class="nav-active"><a href="#settings">EInstellungen</a></li>
</ul></div>');
});
残念ながら、これは機能しません:
$('.nav-active').live('click', function() {
$(this).addClass("ui-btn-active ui-state-persist");
});
申し訳ありませんが、jFiddle を使用したことはありません: http://jsfiddle.net/KjubE/N7eqh/