jQuery Mobile刷新web mobile的div

Question

如何刷新jqm中的div？我的问题是我有一个div(#菜单)的切换来显示/隐藏。这很好用，但是当我在页面中导航时，切换脚本被禁用。我必须刷新它所在的页面，或者对所有页面禁用ajax。

我已经阅读了类似问题的帖子，并尝试了像listview('refresh')这样的解决方案，但似乎都不起作用。

这是我的代码。非常感谢。

<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/之后