在我的webapp中,我通过ajax动态加载数据。加载后我触发一个"创建"在页面上,我已经改变了。但是在创建之后,底部的导航栏(固定)保持在底部,即使我切换到没有任何导航栏的另一个页面。
问题是,动态内容中的一些jQuery Mobile元素必须重绘(按钮)
页面如下所示:
<div data-role="page" id="fax" data-title="Fax" data-theme="b">
<div data-role="header" data-theme="b">
<a href="#faxe" data-direction="reverse" data-icon="arrow-l">back</a>
<h1>Fax</h1>
</div>
<div data-role="ui-content" role="main">
<div id="myAjaxContent"></div>
</div>
<div data-id="fax" data-role="footer" data-position="fixed" data-theme="b">
<div data-role="navbar" data-iconpos="top">
<ul>
<li><a href="#fax" data-icon="star" class="ui-state-persist ui-btn-active">Fax</a></li>
<li><a href="#map" data-icon="home">Map</a></li>
</ul>
</div>
</div>
</div>
&#13;
我的Ajax:
$.post('ajax.php',{ action: 'fax', ID: faxID, lat: lat, lon: lon },function(data){
$('#fax').find('div[data-role="ui-content"]').find('#myAjaxContent').html(data.fax);
$('#fax').trigger("create");
$( ":mobile-pagecontainer" ).pagecontainer( "change", "#fax" );
},'json');