jquery mobile重定向到特定页面的div

Question

我＆＃39; m使用jquery mobile.Now我有问题重定向到页面的特定div。 页面的html是

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

<a href='#nav-panel' data-theme="b" data-role='button'>List</a>
<div id="element1"></div>
<div id="element2"></div>
<div id="element3"></div>
</div>
<div data-role="panel" data-position-fixed="true" data-theme="a" id="nav-panel">
     <ul data-role="listview" data-theme="a" class="nav-search">             
      <li><a href="#"  id="reload"> element1</a></li>            
        <li><a href="#"  id="reload"> element2</a></li>        
       <li><a href="#"  id="reload"> element3</a></li>                    
       </ul>            
  </div>                

最初显示element1。单击面板列表，我只想显示element2并隐藏其他页面。 我使用像

这样的重定向

$.mobile.changePage( $("#page1 #element2"));

但没有工作。 任何建议都会很棒。 感谢