Лайтбокс не работает с Flexslider

Question

Я использую встроенный ярлык Wordpress, известный как Easy Fancybox для моей галереи на странице портфолио моего сайта. Проблема в том, что он не работает с моим flexslider. Я нашел, что причиной является сценарий библиотеки jQuery, с которым слайдер соединяется в моем нижнем колонтитуле.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

Однако без вышеуказанного файла jQuery мой слайдер не работает, но в лайтбокс. Я пробовал разные библиотеки, но ни один из них, похоже, не оставил их счастливыми!

http://sadiemangan.co.uk/solent

Answer 1

я открыл консоль на странице и увидел множество ошибок и 404 один и два JQuery связанных

Uncaught TypeError: $ is not a function at (index):486 

это «на документ готов» функции и ошибка говорит, что $ не функция, потому что библиотека еще не загружена. набрав $ в консоли показывает, что библиотека загружается так, должно быть, было загружено после того, как документ был готов

Это может быть решено путем вызова/загрузки библиотеки в заголовке страницы

2-ой ошибки

Uncaught TypeError: jQuery(...).fancybox is not a function 

это может быть решена с помощью

<script type="text/javascript"> 
var $= jQuery.noConflict(); 
</script> 

положить это в заголовок после загрузки ваших библиотек