2010-07-14 1 views
2

Я хочу предоставить ссылку, чтобы закрыть всплывающее окно fancybox.Нужна помощь по моей тесной ссылке в fancebox modal window, чтобы закрыть ее

Вот что у меня есть для кода, который не работает, но дает представление о том, что я выполнения:

$(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

+0

оказалось, мне нужно было установить тип iframe для этого, чтобы он работал, но ничего не задавал. – Brad

0

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

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

0

Ниже следует выполнить эту работу.

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