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

Я использую встроенный лайтбокс 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


person Mercedes Mangan    schedule 31.01.2017    source источник


Ответы (1)


Я открыл консоль на вашей странице и увидел несколько ошибок и 404 один и 2, связанных с 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>

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

person Maher Fattouh    schedule 31.01.2017
comment
Я пробовал выше, и это все еще не работает. Лайтбокс теперь работает, но слайдер не загружается. :( - person Mercedes Mangan; 01.02.2017
comment
Вроде сейчас вроде работает. Ползунок, похоже, теперь загружается с задержкой, а лайтбокс работает только тогда, когда я по какой-то причине обновляю страницу. В противном случае возвращается на страницу вложения, а не всплывает, как это и предполагалось. Это работает? Почему мой ползунок теперь тоже такой медленный? - person Mercedes Mangan; 01.02.2017
comment
Кажется, он также продолжает выдавать случайные внутренние ошибки сервера. - person Mercedes Mangan; 01.02.2017
comment
2 ошибки jQuery пропали из консоли, ползунок у меня работает, http://sadiemangan.co.uk/solent/wp-content/themes/thesolentelectronichome/scripts/slidepanel.js?ver=20131010 не найден (404), SyntaxHighlighter (функции flexslider) не определен. Я никогда раньше не использовал эти два плагина, но я бы отключал их по одному и смотрел, исчезнет ли ошибка SyntaxHighlighter и работает ли лайтбокс. некоторые плагины могут быть несовместимы друг с другом, поэтому может помочь чтение часто задаваемых вопросов или обращение в службу поддержки. - person Maher Fattouh; 01.02.2017
comment
Я бы также проверил порядок загрузки библиотек js и убедился, что ни одна функция не вызывается до определения - person Maher Fattouh; 01.02.2017
comment
Я могу просто отключить лайтбокс, так как я изменил свой дизайн, поэтому он может не понадобиться. Вы знаете, почему мой ползунок такой медленный? Я сжал свои изображения, есть ли другой способ ускорить загрузку? - person Mercedes Mangan; 02.02.2017