[SOLUCIONADO] Me toca recargar la pagina

[leidy8042]

Hola buenos dias, tengo un problemita, lo que pasa es que tengo el archivo html que tiene: <script src="RecibosInclude/recibos.js"></script>
Mi problema es que el js solo funciona al recargar la pagina, si me meto al archivo normal no funciona el codigo js, pero recargo la pagina y ahí si funciona bien.
¿por qué pasa eso?

[Alexis88]

Habría que ver cómo está estructurado tu código.

[leidy8042]

Es simple:

en el header del index donde esta el menu, esta lo siguiente:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

y el link a la pagina Recibos.php (la que causa el problema) es:
<li data-icon="check" class="ui-submenu1 ui-mini ui-last-child">
<a href="Bodega/Recibos/Recibos.php" class="ui-btn ui-btn-icon-right ui-icon-check">Recibo CPS</a>
</li>

el problema es que cuando abro Recibos.php por medio del menu, este no me lee el archivo recibos.js. pero si lo abro directo ó actualizo la pagina ahí si funciona el recibos.js.

Esto esta en el header de Recibos.php:
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<script src="RecibosInclude/recibos.js"></script>

Y esto esta en el archivo recibos.js :

$(document).ready(function(){
$("#Ingreso").on("submit",function(event){
event.preventDefault();
var datos=$("form").serialize();
$.post("RecibosInclude/data.php", datos, function(data){
alert("Todo OK"+data);
$("#demo4").html(data);
});
});
});

[Alexis88]

Me parece que el problema radica en que intentas ejecutar código asociado a elementos que todavía no han cargado. Sucede que cuando estableces un bloque de código JavaScript para elementos que todavía no han sido añadidos al documento, cuando estos últimos lleguen a ser añadidos, el código no surtirá efecto ya que cargaron después de que haya cargado el código JavaScript.

Si ese fuera el problema, tendrías que delegar las funciones que hayas establecido. Y si ese no fuera el problema, fíjate en la consola del navegador (pulsa F12 y selecciona "Console" en Chrome o "Consola" en Firefox) qué mensajes de error aparecen cuando se produce el problema.

Un saludo

[leidy8042]

Oye gracias por tu tiempo y ayuda, ya pude solucionarlo, lo que hice fue llamar al documento recibos.js, en el index donde esta el menu, y asi si me lee el archivo js apenas abro Recibos.php, y puse un onclick en la funcion del js.

gracias, espero te vaya muy bien ^w^