jQuery / JS:来自ajax调用的fancybox加载

时间:2010-12-16 14:09:22

标签: jquery ajax request fancybox

现在当你制作一个fancybox时,你初始化一个链接并给出一些设置:

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

然后你用id a_sendMail进行链接,然后用href =“#sendMail”然后你为它做div:

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

现在,我想代替在保存内容的同一个文件中创建一个div,我想调用newMail.php,并且它的输出应该显示为一个框。因此,当您单击链接(为了打开该框)时,它会发出一个ajax请求,并返回/响应其中显示的内容。

我怎样才能以最聪明,最简单的方式做到这一点?

1 个答案:

答案 0 :(得分:0)

您可以将href选项添加到fancybox,如下所示:

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

您可以在此处查看所有选项:http://fancybox.net/api

相关问题