1

我有一点麻烦,我不知道如何解决它。问题是我有一个带有不同页面(带有 id 的标签)的 HTML5 代码,我正在使用 Jquery Mobile 在带有按钮的页面之间切换。我不知道为什么,但其中一个按钮停止工作(选项按钮),但其他按钮一如既往地正常工作。这是html代码:

更新代码!

</head>
<body>

<!-- ****************    PAG  PRINCIPAL    **************** -->

<div data-role="page" id="principal">
    <div data-theme="a" data-role="header">
        <h3 id="nombreAplicacion">
            Nombre Aplicacion
        </h3>
    </div>
    <div data-role="content">
        <div style="width: 50%; height: 100px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;"
        id="imagenUsuario">
            <img id="imagenUsuario" src="http://codiqa.com/static/images/v2/image.png"
            alt="image" style="position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -18px">
        </div>
        <h4 id="nombreUsuario">  
            <p id="nmb">Nombre Usuario </p>               
        </h4>
        <a id="botonEjercicios" data-role="button" data-direction="reverse" data-transition="slideup"
        data-theme="a" href="#ejercicios" data-icon="arrow-u" data-iconpos="left">
            Ejercicios
        </a>
        <a id="botonEstadisticas" data-role="button" data-direction="reverse"
        data-transition="slidedown" data-theme="a" href="#estadisticas" data-icon="arrow-d"
        data-iconpos="left">
            Estadisticas
        </a>
        <a data-role="button" data-transition="flow" data-theme="a" href="#opciones"
        data-icon="gear" data-iconpos="left">
            Opciones
        </a>
        <a data-role="button" data-transition="flow" data-theme="a" id="botonReset"
        data-icon="gear" data-iconpos="left">
            Reset Datos Ejercicios
        </a>
    </div>
</div>




<!-- ****************      EJERCICIOS      **************** -->
<div data-role="page" id="ejercicios">

</div>

<!-- ****************  ACTIVAR  EJERCICIOS  *************** -->
<div data-role="page" id="activarEjercicios">

</div>

<!-- ****************    ESTADISTICAS      **************** -->
<div data-role="page" id="estadisticas">

</div>

<!-- ****************      OPCIONES      **************** -->
<div data-role="page" id="opciones">

</div>


</body>
</html>

如果我在 Google Chrome 中离线尝试(仅阅读 html),此代码可以正常工作,但使用 firefox 选项 butoon 不起作用。在我的在线页面中,也不适用于 chrome 或 firefox

4

1 回答 1

0

我在使用某个功能时遇到了问题,我修复了代码,现在它可以工作了。奇怪的是,在谷歌浏览器中使用损坏的代码,不知道为什么......

于 2013-08-27T17:16:14.320 回答