需要帮助我在fancybox模式窗口中的关闭链接关闭它

时间:2010-07-14 16:23:30

标签: jquery 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文件。

感谢任何帮助。

修复是:

在其中添加'type':'iframe'

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

4 个答案:

答案 0 :(得分:6)

如果您只是想通过点击#close-button来关闭此框,这就足够了

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

答案 1 :(得分:1)

不应该是这样的:

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

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

以下应该可以胜任。

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