jQuery/JS: charge fancybox de ajax appel

Question

En ce moment, lorsque vous faites une fancybox vous initialisez un lien et donner quelques paramètres:

$("a#a_sendMail").fancybox({ 
'titleShow'  : false, 
'width': 400, 
'height': 120, 
'autoDimensions': false, 
'overlayOpacity': 0.6 
    }); 

puis vous faites le lien avec l'identifiant a_sendMail, puis href = » #sendMail » et vous faites la div pour elle:

<div style="display: none"> 
<div id="newMail"> 
This is inside the fancybox :) 
</div> 
</div> 

maintenant, je voudrais au lieu de faire un div dans le même fichier qui contient le contenu, je voudrais appeler newMail.php, et la sortie de ceci devrait être montrée comme une boîte. Ainsi, lorsque vous cliquez sur le lien (pour ouvrir la boîte), il fait une requête ajax et retourne/répond avec le contenu qui va apparaître à l'intérieur. Comment puis-je faire de cette manière la plus intelligente et la plus simple?

Answer 1

Vous pouvez ajouter l'option href fancybox, comme ceci:

$("a#a_sendMail").fancybox({ 
    titleShow  : false, 
    width: 400, 
    height: 120, 
    autoDimensions: false, 
    overlayOpacity: 0.6, 
    href: 'newMail.php' // <----- this is the option 
}); 

Vous pouvez voir toutes les options ici: http://fancybox.net/api