2016-11-19 5 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> 

Если вы хотите иметь кнопку закрытия в левом верхнем углу, используйте

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

И если вы хотите, чтобы пользователь нажмите FancyBox, чтобы закрыть его, добавить

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

Смотрите документацию here для получения дополнительной информации о других Opti дополнения.

Это лучший подход, чем проводка функций onClick() для отдельных элементов.

+0

Спасибо, побежден! Очень признателен! –

Смежные вопросы