Cheizer
@Cheizer

Как вылечить ошибку в js « is not a function»?

Подскажите пожалуйста, почему возникает ошибка.

Есть всем известный плагин Colorbox.
Но он из коробки не адаптивный.
Есть фикс для этого. Добавляется на сайт вместе с colorbox. И порядок.

// Адаптивный ColorBox
 
$.colorbox.settings.maxWidth = '95%';
$.colorbox.settings.maxHeight = '95%';
 
/*
Функция ресайза ColorBox
*/
 
var resizeTimer;
function resizeColorBox()
{
  if (resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    if ($('#cboxOverlay').is(':visible')) {
      $.colorbox.load(true);
    }
  }, 300);
}
 
/*
Ресайз при изменении размера окна браузера и изменении ориентации мобильного устройства
*/
$(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);


Но есть одна проблема в нем, если открыть картинку через colorbox, и изменить размер окна, не срабатывает resize функция, бьет ошибку в консоли на эту строку
$.colorbox.load(true);
Вот ошибка Uncaught TypeError: $.colorbox.load is not a function

Мол нет такой функции, что не так? Как пролечить не пойму :(

Вот живой пример
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы