Hola, estoy intendando crear un loading, para que cuando cargue la pagina con el hash, el loading se cierre, pero no lo consigo:
Código:
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
//###### Código agregado para detectar si hay hash
//obtener hash
var jash = window.location.hash;
// comprobamos si existe un hash valido
if(jash.length > 1){
// si existe buscamos el enlace que contiene ese hash en el href y cojemos su atributo "title"
var href = $("a[@href="+jash+"]").attr("title");
// cargamos la página que se solicita vía hash
$("#show").load(href);
}
//######
//código del menu, nada nuevo aquí
$("#nav a").click(function(){
var href = $(this).attr("title");
$("#show").load(href);
});
});
function close_load(){
$("#loading").slideUp();
}
</script>
</head>
<body>
<!-- menu -->
<ul id="nav">
<li><a href="#m=enlace1" title="test2.php" onclick='$("#loading").slideToggle("slow");'>Inicio</a></li>
<li><a href="#m=enlace2" title="test3.php" onclick='$("#loading").slideToggle("slow");'>Enlace 2</a></li>
<li><a href="#m=enlace3" title="e3.html" onclick='$("#loading").slideToggle("slow");'>Enlace 3</a></li>
<li><a href="#m=enlace4" title="e4.html" onclick='$("#loading").slideToggle("slow");'>Enlace 4</a></li>
<li><a href="#m=enlace5" title="e5.html" onclick='$("#loading").slideToggle("slow");'>Enlace 5</a></li>
</ul>
<!-- contenedor donde cargaremos el html externo -->
<div id="show"></div>
</body>
</html>
<div id="loading" style="display:none"><img src="loading.gif"></div>
Estoy intentando de todo pero no lo consigo, cree una funcion llamada close_load pero no consegui hacer nada, como lo puedo hacer?