2010-07-14 68 views
2

我想提供一个链接关闭fancybox弹出窗口。需要帮助我fancybox模式窗口中的关闭链接关闭它

这里是我有代码,这是不行的,但给你什么,我完成的一个想法:

$(document).ready(function() { 
    $('#close-button').click(function(){ 
     close.click($.fancybox.close); 
    }); 
    }); 

<p><a href="#" title="Close" id="close-button">&laquo; close</a></p> 

我包括的fancybox和适当的jQuery的文件。

任何帮助表示赞赏。

修复是:

添加 '类型': 'IFRAME' 它

$(".pop-out").fancybox({ 
    'titlePosition' : 'outside', 
    'transitionIn'  : 'fade', 
    'transitionOut' : 'none', 
    'type'   : 'iframe' 
}); 

回答

6

如果你只是想通过点击#close-button关闭对话框,这应该是足够

$('#close-button').click(function(){ 
    $.fancybox.close(); 
}); 
1

Isin't它应该是这样的:

$(document).ready(function() { 
    $('#close-button').click(function(){ 
    $.fancybox.close(); 
    }); 
}); 
+0

没有运气。尝试w/$ .fn.fancybox.close()以及。 – Brad 2010-07-14 17:48:05

+0

事实证明,我需要将类型设置为iframe以使其工作,将类型设置为无。 – Brad 2010-07-15 16:01:11

0

只需调用$ .fancybox.close();像这样关闭这个窗口';

问题解决。无需使用jquery选择器并添加更多开销。

0

下面应该做的工作。

$(function() { 
    $('#close-button').click(function(event) { 
     $.fancybox.close(true); 
    }); 
});