2010-07-14 74 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); 
    }); 
});