1

私は少し問題を抱えていて、それを解決する方法がわかりません。問題は、さまざまなページ (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 のどちらでも動作しません。

4

1 に答える 1