hola que tal tengo un problema al cargar una funcion al cargar 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> pagina2.hmtl
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> y el archivo JS
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.");
}
});
Si ustedes lo prueban no saldra nada en pagina2.html asta que refrescan la pagina (F5 del teclado) estonses si sale el resultado en el div.contenido mi problema o pregunta es como ago para que carge el contenido sin tener que refrescar la pagina
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.