私は少し問題を抱えていて、それを解決する方法がわかりません。問題は、さまざまなページ (ID 付きのタグ) を持つ HTML5 コードがあることです。Jquery Mobile を使用して、ボタン付きのページ間を切り替えています。理由はわかりませんが、ボタンの 1 つ (オプション ボタン) が機能しなくなりましたが、他のボタンはいつもどおり正常に機能し続けます。これは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 のどちらでも動作しません。