Jquery移动按钮不工作在二次点击 [英] Jquery Mobile Button is not working at Second Click

问题描述

我有一个个人项目，显示我的减肥奖杯的一些图表。我创建了一个页面与jquery移动只是因为我会在我的手机上使用这个应用程序。但是我对jquery mobile有一些问题，我想不出来。项目演示

I have a personal project that shows some charts about my losing weight trophy. I created a page with jquery mobile just because I will use this application on my mobile. However I have some problems with jquery mobile and I could not figure it out.PROJECT DEMO

问题是：当我点击圆圈图标[左上角]，将触发左面板，然后单击健身图页面，然后请点击圆形IVAN DRAGO图标，将重定向到您的主页，然后点击顶部

Problem is : When I click circle icon[TOP LEFT] which will trigger the left panel and and click workoutcharts page then please click CIRCLE IVAN DRAGO icon which will redirect you to again Main Page then click TOP LEFT Circle Icon again, then boom, it wont work and I could not figure it out.

我尝试过并且它在所有

I tried it on fiddle and it is working at all

<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>

推荐答案

我注意到你有两个div，相同的IDmypanel - 这可能是您的问题的原因

I notice that you have two divs, both with the same id "mypanel" -- that might be the cause of your problem

这篇关于Jquery移动按钮不工作在二次点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！