Открытие лайтбокса на новой странице

Я пытаюсь реализовать лайтбокс на своем сайте (http://fancyapps.com/fancybox/). У меня этот код в теге head.php.Открытие лайтбокса на новой странице

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

<!-- Add fancyBox --> 
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script>

И у меня есть этот javascript.

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

Моя главная страница включена в моем индексе, как этот

<?php include 'pages/home.php'; ?>

И в home.php есть этот код.

<a class="fancybox" rel="group" href="images/logo.png"><h4>Title 2</h4></a>

Когда я нажимаю на Title 2, он просто открывает новую вкладку с правильным изображением. Любая идея о том, что вызывает проблему?

источник

2013-09-27 BalestraPatrick

любые ошибки консоли? – karthikr

Да, не заметил этого: TypeError: 'undefined' не является функцией (оценивая '$ (". Fancybox"). Fancybox()') – BalestraPatrick

[this] (http://stackoverflow.com/questions/8655948/fancybox-trouble-undefined-is-not-a-function) и [this] (http://stackoverflow.com/questions/11570952/typeerror-undefined-is-not-a-function-evaluating-fancybox-fancybox) ? – karthikr

Проверьте доктайп, на сайте FancyBox они используют:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

источник

2013-09-27 15:23:28

У меня уже есть этот doctype. – BalestraPatrick

Открытие лайтбокса на новой странице

ответ

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