jQuery Mobile刷新網絡手機的div

Question

如何刷新jqm的div？我的問題是我有一個div（#menu）的切換顯示/隱藏。這工作正常，但是當我瀏覽頁面切換腳本被禁用。我必須刷新它的頁面或禁用所有頁面的Ajax。

我已閱讀有類似問題的帖子，並嘗試像列表視圖（'刷新'）的解決方案，但似乎沒有任何工作。

這是我的代碼。非常感謝。

<div data-role="page" id="page1"> 

<div data-role="header"> 
<h1>Page 1</h1> 
</div> 

<div data-role="content"> 

<!-- TOGGLE --> 
<div data-role="navbar" data-grid="a" id="menu"> 
<ul> 
<li><a href="#">News</a></li> 
<li><a href="#">Items</a></li> 
</ul> 
</div> 
<!-- /TOGGLE --> 

<a href="#" data-role="button" id="nav">open menu</a> 

</div> 

<div data-role="footer"> 
footer content 
</div> 

<script> 
$('#nav').click(function() { 
$('#menu').toggle(); 
}); 
</script> 

</div> 

Answer 1

只需使用的classes代替ids：

$('.nav').click(function() { 
    $('.menu').toggle(); 
}); 

，並把<script>..</script>後終於</div>http://jsfiddle.net/ouadie/CuGkW/1/