En la primera parte de este tutorial expliqué como hacer funcionar una web modular donde el contenido cargara dinamicamente sin recargar la página usando AJAX sin embargo sólo funcionaba con links del menú y no con links que estuvieron dentro de las páginas cargadas.
Hacer funcionar ajax en links internos
Ese código funciona con el menu pero para que funcione incluso en links de páginas cargadas usando AJAX debemos usar el evento LIVE de jquery para ello basta modificar una línea de código.
[cc lang=»javascript»]
$(‘.ajaxmenu’).livequery(‘click’,function(){
var loadUrl = $(this).attr(‘href’);
$(«#contenido»).html(ajax_load).load(loadUrl);
return false;
});
[/cc]
¿Cómo hago funcionar el código si uso anclas?
Esto es más complicado ya que hay que calcular la ubicación de las anclas y generar un scroll
[cc lang=»javascript»]
[/cc]