Нужна помощь по закрытию ссылки в модальном окне 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'
});

Answer 1

Если вы просто хотите закрыть окно, нажав #close-button, этого должно быть достаточно

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

Answer 2

Разве это не должно быть так:

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

Answer 3

Ниже следует сделать работу.

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

Answer 4

Просто вызовите $ .fancybox.close ();как это Закройте это окно ';

Проблема решена.Нет необходимости использовать селектор jquery и добавлять дополнительные издержки.