Soucis avec jQuery (chargement html dans une div)

Bonjour,

Je suis débutant et j'aimerais charger des pages HTML (pour mon portefolio) dans une div principal afin de ne pas recharger toute la page en changeant de catégorie d'image.

J'ai trouvé ce code sur un site que j'arrive a faire fonctionner, ceci dit j'ai 2 problèmes :

- Il ne fonctionne pas sous chrome (mais fonctionne sous safari )
- Il ne fonctionne pas avec la dernière version de jQuery... mais avec une plus ancienne (jquery-1.3.1.min)

$(document).ready(function(){   // le document est chargé
$("#logo_top, #nav_job, #nav_life, #nav_contact, #nav_pre_press, #nav_web, #nav_logo, #nav_wear, #nav_street").click(function(){   // on selectionne tous les liens et on définit une action quand on clique dessus
page=($(this).attr("href")); // on recuperer l' adresse du lien
$.ajax({ // ajax
url: page, // url de la page à charger
cache: false, // pas de mise en cache
success:function(html){ // si la requête est un succès
afficher(html);     // on execute la fonction afficher(donnees)
},
error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
}
});
return false; // on desactive le lien
});
});function afficher(donnees){ // pour remplacer le contenu du div contenu
$("#contenu").empty(); // on vide le div
$("#contenu").append(donnees); // on met dans le div le résultat de la requête ajax
}

J'ai bien testé d'autres codes, mais ils me coupent le fonctionnement de Fancybox...

Merci de votre aide.

J'ai trouvé la solution pour Chrome, mais le code ne fonctionne toujours pas avec la dernière version de jQuery.