jquery mobile ajax cargar una funcion de una pagina Ejemplo
index.html
Código HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="js/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="js/jquery.mobile-1.1.0.min.js" type="text/javascript"></script> </head> <body> <div data-role="page" id="page1"> <div data-role="header"> <h1>Pagina1</h1> </div> <div data-role="content"> <a href="pagina2.html?id=5" id="enviar" data-role="button" data-position="inline" data-icon="arrow-r" > enviar</a> </div> <div data-role="footer"> <h5>footer</h5> </div> </div> </body> </html>
Código HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="js/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="js/myfuncion.js" type="text/javascript"></script> <script src="js/jquery.mobile-1.1.0.min.js" type="text/javascript"></script> </head> <body> <div data-role="page" id="page1"> <div data-role="header"> <h1>Pagina2</h1> </div> <div data-role="content"> <div class="contenido"> <!-----Se debe cargar en contenido dentro de este Div------> </div> </div> <div data-role="footer"> <h5>footer</h5> </div> </div> </body> </html>
myfuncion.js
Código HTML:
$(document).bind("mobileinit", function() {
$("#page1").live("pageinit", function() {
carga();
});
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
function carga() {
$("div.contenido").empty();
var id = getUrlVars()["id"];
$("div.contenido").append("La id es : "+id+"<p> Fue un exito regoger el get de la url.");
}
});
Esto es solo un ejemplo del proebla que tengo.
En realidad lo que cargo en el div.contenido es el resultado de una consulta sql. (que tengo el mismo proble no carga asta que se refresca la pagina {F5 del teclado})
Espero me puedan ayudar.
