jQuery Mobile不加載JSON AJAX結果

我想加載jQuery Mobile'樣式'（在這種情況下是按鈕）。jQuery Mobile不加載JSON AJAX結果

這裏是我的HTML代碼（阿賈克斯）：

<!-- 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的按鈕。

謝謝你的回答，SRY的英語不好

來源

2013-08-07 Jhonatan Sandoval

嘗試把按鈕的HTML父後使用trigger("create");：

$("#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

的作品！ - 非常感謝 –

jQuery Mobile不加載JSON AJAX結果

回答

相關問題