需要帮助关闭Fancybox模态窗口中的链接。

Question

我希望提供一个关闭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'
});

- Brad

Answer 1

如果您只想通过单击#close-button关闭框，则这应该足够了。

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

- Simen Echholt

Answer 2

难道不应该是这样的吗：

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

- Mark

---

结果证明我需要将类型设置为iframe才能使其工作，之前类型设置为空。 - Brad

Answer 3

以下代码应该可以完成任务。

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

- Pratik Thakkar

Answer 4

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

问题已解决。不需要使用jQuery选择器并增加更多开销。

- Onjefu