jQuery Mobile не загружается на результат JSON ajax

Вот мой 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 дивы показывают, как любой кнопки и не отображается в CSS с JQuery мобильного телефона.

Спасибо за ответы, СРЮ за плохой английский

источник

2013-08-07 Jhonatan Sandoval

Попробуйте использовать 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-07 17:01:51 Brewal

Works !! - Спасибо большое –

jQuery Mobile не загружается на результат JSON ajax

ответ

Смежные вопросы