Jquery Mobile Button无法在Second Click中使用

时间:2014-07-26 14:52:56

标签: javascript jquery css jquery-mobile

我有一个个人项目,展示了一些关于我减肥奖杯的图表。我用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>

1 个答案:

答案 0 :(得分:1)

我注意到你有两个div,两个都有相同的id“mypanel” - 这可能是你问题的原因