Changer le contenu dans fancybox en utilisant jquery.html()

Question

Donc j'ai une boîte de fantaisie avec un lien dedans.

contenu fancybox:

<a href="#" class="precilink">preci description</a> 
<div id="precitext"> 
    text changed by clicking preci 
</div> 

Maintenant, j'ai ce jquery-haut:

$(".precilink").click(function(e){ 
     e.preventDefault(); 
     $('#precitext').html("hello"); 
    }); 

Mais rien ne se passe, bien que dans le dom le code html identifiant precitext obtient le changement. Comment puis-je dire à fancybox de recharger? Essayez le format .text au lieu de .html.

Answer 1

Pour l'utilisation normale de fancybox, le lien doit pointer vers la div. il peut ne pas être nécessaire dans ce cas, mais sa vaut le coup

<a href="#precitext" class="precilink">preci description</a> 

Answer 2

$(".precilink").click(function(e){ 
     e.preventDefault(); 
     $('#precitext').text("hello"); 
}); 

Answer 3

Vous devez utiliser événement en direct, car javascript est inséré dans DOM dynamique.

$(".precilink").live('click', function(e){ 
    e.preventDefault(); 
    $('#precitext').html("hello"); 
}); 

Hope this helps