Prévenir les bulles après le chargement?

Question

J'ai un énorme problème.

Je vais avoir un div nommé « #box » qui charge du contenu externe après avoir cliqué sur les liens qu'il contient:

$("#box a").click(

function(e) 
{ 
e.preventDefault(); 
var hash = this.parentNode.hash; 
    $("#boxLoaded").load('boxFiles/'+ hash.substring(1) +'.html'); 
    $("#box").fadeOut(100); 
    $("#boxLoaded").fadeIn(200);  
}); 

facile jusqu'à présent :)

Lorsque quelqu'un clique ne importe où dans « #boxLoaded » il disparaît et charges boîte à nouveau, il ressemble au début:

$("#boxLoaded").click(
    function() 
    { 
     $("#boxLoaded").fadeOut(200); 
     $("#box").show(); 
}); 

le problème est que j'ai un menu nommé « boîte-menu » dans les fichiers chargés (à l'intérieur de #boxLoaded) et quand quelqu'un cli cks les - le code ci-dessus est en train d'être exécuté (effacement de #BoxLoaded et #Box).

Je veux l'empêcher de se produire, mais:

$("#box-menu").click(
    function(e) 
    { 
     e.preventDefault() 
}); 

Que faire? Il fonctionne très bien, quand je ne suis pas le chargement() ces fichiers ...

Answer 1

Vous avez juste besoin de passer à .live() et arrêter le bouillonnement via event.stopPropagation() ici:

$("#box-menu").live("click", function(e) { 
    e.stopPropagation(); 
}); 

Alternativement, vous pouvez re-lier puis charger, de changer cette situation

$("#boxLoaded").load('boxFiles/'+ hash.substring(1) +'.html'); 

à ceci:

$("#boxLoaded").load('boxFiles/'+ hash.substring(1) +'.html', function() { 
    $("#box-menu").click(function(e) { e.stopPropagation(); }); 
}); 

Answer 2

En appelant e.preventDefault(), vous empêchez uniquement le lien de reprendre son événement par défaut. Après que le lien a été cliqué sur le div contenant #boxLoaded a toujours sa commande onclick(). Au lieu d'utiliser e.preventDefault(), essayez return false. Je pense que cela devrait faire la même chose que preventDefault() dans ce cas et aussi annuler les commandes qui suivent.

- Je ne peux pas commenter les messages des peuples encore, mais en réponse à Nick, « ​​thats ce cool, ne se rendent pas compte qu'il y avait une fonction e.stopPropagation() »