我有一个个人项目,展示了一些关于我减肥奖杯的图表。我用jquery mobile创建了一个页面,因为我将在我的手机上使用这个应用程序。但是我在使用jquery mobile时遇到了一些问题,我无法弄明白。PROJECT DEMO
问题是:当我点击将触发左侧面板的圆形图标[TOP LEFT]并单击“锻炼图表”页面时,请单击“CIRCLE IVAN DRAGO”图标,这将再次将您重定向到主页面,然后再次单击“TOP LEFT Circle”图标,然后繁荣,它不会工作,我无法弄清楚。
我试过on fiddle 并且它正在全力以赴
<div data-role="page" id="firstPage">
<a href="#mypanel" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-notext" ></a>
<div data-role="panel" id="mypanel" class="menuPanel">
<ul>
<li> <a href="#firstPage" >First Page</a></li>
<li> <a href="#secondPage" >Second Page</a></li>
</ul>
</div>
first Page
</div>
<div data-role="page" id="secondPage">
<a href="#mypanel" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-notext" ></a>
<a href="#firstPage">First PAGE</a>
<div data-role="panel" id="mypanel" class="menuPanel">
<ul>
<li> <a href="#firstPage" >First Page</a></li>
<li> <a href="#secondPage" >Second Page</a></li>
</ul>
</div>
Second Page
</div>
答案 0 :(得分:1)
我注意到你有两个div,两个都有相同的id“mypanel” - 这可能是你问题的原因