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);
});
});
});