2016-11-19 212 views
0

我在我的文檔中有下面的代碼。 fancybox打開沒有問題,但我不能讓它關閉一旦打開。任何人都可以告訴我我的代碼有什麼問題嗎?無法關閉fancybox

<!DOCTYPE html> 

<html 
<head> 
<meta charset="utf-8" /> 

<script type="text/javascript" src=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.fancybox.pack.js"></script> 
<script type="text/javascript" src=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.easing-1.3.js"></script> 
<script type="text/javascript" src=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.mousewheel-3.0.6.pack.js"></script> 
<link rel="stylesheet" href=".C:\Users\Clark\Google Drive\CM Site\FancyBox\jquery.fancybox.css" type="text/css" media="screen" /> 

<a href="C:\Users\Clark\Google Drive\CM Site\Certifications.jpg" onClick="jQuery.fancybox.close();">Close window</a 

</head> 
<body> 
<a class="fancybox" href="C:\Users\Clark\Google Drive\CM Site\Background_image.jpg"><img src="C:\Users\Clark\Google Drive\CM Site\Certifications.jpg" alt="" /></a> 

</body> 
</html> 

非常感謝!

+0

嗨克拉克 - 你錯過張貼一些JavaScript? –

+0

您的HTML無效:「關閉窗口'。不確定它是否與問題有關,但是......現在我注意到了嚴重的問題 - 您已經在頭標籤內放置了緊密鏈接?把它放在體內... – sinisake

回答

0

當您使用的fancybox你會有這樣的腳本

<script> 
    $(document).ready(function() { 
     $(".fancybox").fancybox(); 
    }); 
</script> 

如果你想擁有左上角關閉按鈕,使用

​​

如果你希望用戶點擊在的fancybox關閉它,添加

<script> 
    $(document).ready(function() { 
     $(".fancybox").fancybox({closeBtn: true, closeClick: true); 
    }); 
</script> 

見文檔here爲其他OPTI更多信息附件。

這比在單個元素上接線onClick()函數更好。

+0

謝謝,戰勝了!非常感激! –