JQuery - Una carga de páginas html con ajax y jquery que no logro hacer funcionar

   
Vista:

Una carga de páginas html con ajax y jquery que no logro hacer funcionar

Publicado por José Antonio Sánchez (1 intervención) el 05/09/2011 14:05:43
Quiero hacer un script para que se cargue una página en un div llamado destino, siendo una página distinta para cada enlace, (un menú de selección), y con un efecto fade in y fade out.

He conseguido hacer funcionar el efecto con el siguiente script



$("#iddelhref").click(function(evento){
evento.preventDefault();
$("#destino").fadeOut(500, function(){
$("#destino").load("urlacargar.html", function(){$("#destino").fadeIn(500);
});
});
});


Quiero simplificarlo para no tener que poner tanto código para cada uno de los enlaces.
No logro que funcione. A ver si podeís ayudarme Gracias.

El código que tengo es éste. (he puesto en negrita dónde creo que está el fallo que no se solucionar)

Gracias de antemano.



$(document).ready(function(){
$("#destino").load("index_aj.html");
var clicked;
$("a").click(function(evento) {
clicked = evento.$(this);
});

$(".nivel1").click(function(evento){
evento.preventDefault();
$("#destino").fadeOut(500, function(){
$("#destino").load(clicked, function() {$("#destino").fadeIn(500);
});
});
alert (clicked);
});
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder