jquery - jQuery Mobile 为 web 移动刷新一个 div

Question

如何刷新jqm中的div？我的问题是我在切换显示/隐藏上有一个 div(#menu)。这很好用，但是当我浏览页面时，切换脚本被禁用。我必须刷新它所在的页面或禁用所有页面的 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/