我有一点麻烦,我不知道如何解决它。问题是我有一个带有不同页面(带有 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