0

我正在尝试加载 jQuery Mobile 的“样式”（在本例中为按钮）。

这是我的 HTML 代码（ajax）：

<!-- jQuery + Mobile (LOCAL) -->
<link rel="stylesheet" href="../../jquery.mobile/jquery.mobile-1.3.2.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.js"></script>
<script src="../../jquery.mobile/jquery.mobile-1.3.2.min.js"></script>

<script>

$.ajax({
            type : "GET",
            url : "http://localhost/asistencia/mant/scripts/s_m_zona.php?id_zona="+id_zona,
            async : true,
            success : function(datos) {
                var dataJson = eval(datos);
                for ( i in dataJson) {
                    // SOME CODE HEDE


                    // GUARDAR NOMBRE ZONA
                    $("#btn_guardar").html("<button data-ajax='false' onclick='GuardarNombreZona("+dataJson[i].id_zona+");return false;'>Modificar nombre </button>");

                    $("#botones").html("<button data-ajax='false' onclick='Remover("+dataJson[i].id_zona+")'>Crear nueva área</button>");
                    $("#crearnuevo").button('refresh');
                }

            },
            error : function(obj, error, objError) {
                //avisar que ocurrió un error
                alert("ERROR DE RED");
            }

        });

</script>

<body>
    <div data-role="page" id="index">
        <div data-role="header">
            <a href="../index.html" data-icon="back" data-iconpos="notext" rel="external"  data-transition="fade">Volver</a>
            <h3> Modificar zona </h3>
        </div> <!-- header -->

        <div data-role="content">
            <!-- <div id="zonas">
            </div> <br/> -->
            <div id="botones">
            </div>
            <table>
                    <tr>
                    <td>Zona: <input type="text" id="zona_name" name="zona_name" /></td>
                    <td><div id="btn_guardar"></div></td>
                    </tr>
            </table>
        </div> <!-- content -->
    </div>
</body>

#btn_guardar和#botones div上的按钮显示与任何按钮一样，并且不显示来自 jquery mobile 的 CSS。

感谢您的回答，英语不好请见谅

4

1 回答 1

0

trigger("create");将按钮的 html 放在父级上后尝试使用：

$("#btn_guardar").html("<button data-ajax='false' onclick='GuardarNombreZona("+dataJson[i].id_zona+");return false;'>Modificar nombre </button>");
$("#btn_guardar").trigger("create");

$("#botones").html("<button data-ajax='false' onclick='Remover("+dataJson[i].id_zona+")'>Crear nueva área</button>");
$("#botones").trigger("create");
于 2013-08-07T17:01:51.160 回答