2010-11-13 9 views
0

Je cède actuellement des éléments à Fancybox comme suit:

$(document).ready(function(){ 
$(".popup").fancybox({ 
'speedIn' : 600, 
'overlayOpacity' : 0.7, 
'speedOut' : 200 
}); 

}); Quand je charge le contenu à distance à l'aide de $ .post(), une partie de ce contenu contient ...

<a class="popup" href="#somebox">Click me</a>. 

En cliquant sur le lien ne fait rien, probablement parce que le document prêt ne se traité une fois la charge de page. Comment puis-je «retraiter» cela afin que les liens dans le contenu distant ouvrent le fancybox?

J'ai regardé autour de la plupart des solutions doivent être basées sur ASP.net. J'utilise actuellement PHP standard et jQuery.

Merci.

Répondre

1

Vous pouvez définir votre propre événement, cliquez sur ces liens, en utilisant .live():

$(".popup").live('click', function(){ 
    $.fancybox({ 
    'speedIn': 600, 
    'overlayOpacity': 0.7, 
    'speedOut': 200, 
    'href': $(this).attr('href') 
    }); 
    return false; 
}); 
+0

Merci beaucoup pour votre réponse, cela fonctionne parfaitement. – Kieran