2010-12-16 9 views
0

Gerade jetzt, wenn Sie machen eine fancybox Sie einen Link zu initialisieren und geben einige Einstellungen:jQuery/JS: fancybox Last von Ajax-Aufruf

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

und dann tun Sie den Link mit der ID a_sendMail und dann href =“ #sendMail“und dann machen Sie die div für sie:

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

Nun würde Ich mag stattdessen ein div in der gleichen Datei zu machen, die den Inhalt hält, würde Ich mag newMail.php nennen, und die Ausgabe von diesem sollte als eine Box angezeigt werden. Wenn Sie also auf den Link klicken (um das Feld zu öffnen), wird eine AJAX-Anfrage gestellt und der Inhalt, der in ihm angezeigt werden soll, zurückgegeben.

Wie kann ich das am klügsten und einfachsten machen?

Antwort

0

Sie können die href Option fancybox hinzuzufügen, wie folgt aus:

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

Sie alle Optionen hier sehen können: http://fancybox.net/api