javascript - Jquery Mobile 按钮在第二次单击时不起作用

Question

我有一个个人元素，显示了一些关于我的减肥奖杯的图表。我用 jquery mobile 创建了一个页面，因为我将在我的手机上使用这个应用程序。但是我在使用 jquery mobile 时遇到了一些问题，我无法弄清楚。 PROJECT DEMO

问题是:当我单击将触发左侧面板的圆圈图标 [TOP LEFT] 并单击 workoutcharts 页面时，请单击 CIRCLE IVAN DRAGO 图标，它将再次将您重定向到主页，然后再次单击 TOP LEFT 圆​​圈图标，然后砰，它行不通，我想不通。

我试过了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>

Answer 1

我注意到您有两个 div，它们都具有相同的 ID“mypanel”——这可能是您遇到问题的原因