El problema es el siguiente, tengo una pagina que carga otra pagina en un div, con la función load , y esta nueva página debe cargar a su vez otra en un div que esta en su html mediante la misma función. El problema es que cuando se carga la primera página , ningún script funciona en ella ni un simple alert, por lo que esta pagina no puede cargar la siguiente.
Lo interesante en esto es que el sistema funciona en todos los navegadores y dispositivos mobiles pero no en los celulares antiguos.
Desarrolle un ejemplo simple que pondré mas abajo.
Funciona en:
- Chrome , firefox , opera, safari , ie>10 (no lo e probado en versiones mas antiguas de ie)
- Iphone 5c
- Galaxy s4
- Galaxy s3
- Chrome
No funciona en:
- Galaxy s1
- Galaxy ace
Lo que se intentó:
- Incluir el <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script> en cada página
- es todo.
Aquí está el código
Código HTML:
[CODE]index.html[/CODE] <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Index</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script> <script> $(document).ready(function(e) { $("#bt_carga").click(function(){ $("#div_carga").load("paginadecarga.html"); }); }); </script> </head> <body> <button id="bt_carga">carga</button> <div id="div_carga"> </div> </body> </html>
Código HTML:
[CODE]paginadecarga.html[/CODE] <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Página1</title> <script> $(document).ready(function() { $("#div_carga_2").load("paginadecarga2.html"); }); </script> </head> <body> <h1>Carga exitosa !!!</h1> <div id="div_carga_2"> </div> </body> </html>
Código HTML:
[CODE]paginadecarga2.html[/CODE] <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Página2</title> </head> <body> cargooo el otro div </body> </html>
Carga exitosa !!!
cargooo el otro div
En los que no funciona muestra :
Carga exitosa !!!
Espero puedan ayudarme.
saludos !!
