Lien dans jquery div arrêt travail

Question

quand je clique sur la galerie, et visite par exemple "peintures", les liens sur le menu ne fonctionne plus, pourquoi est-ce? quelqu'un peut-il s'il vous plaît me dire ce qui est erroné -_-

http://madebysam.se/elbarco

Ce code im en utilisant

$(document).ready(function(){ 
    $('a').on('click',function(){ 
     var aID = $(this).attr('href'); 
     var elem = $(''+aID).html(); 
     $('.target').html(elem); 
     $('ul li').on('click',function(event) { event.stopPropagation(); }) 
    }); 
    }); 

Answer 1

L'utilisation d'outils de dev et un point d'arrêt dans votre exemple extrait de code sur votre site en direct, je vois que seuls les liens chargés initialement déclenchent votre code de gestion d'événement.

Le problème est ici:

$('a').on('click',function(){ 
    // do stuff 
}); 

L'erreur courante est de vous enregistrer ce gestionnaire contre toutes les balises d'ancrage qui sont chargés dans la page à ce moment. Les balises d'ancrage ajoutées dynamiquement plus tard ne bénéficieront pas du même gestionnaire d'événement.

Une solution consiste à utiliser une syntaxe différente, ciblant d'abord une étiquette plus grande qui est garanti d'être là sur la première charge, puis filtrer vers le bas pour les balises d'ancrage:

$('body').on('click', 'a', function(){ 
    // do stuff 
});