Блог

Я использую плагин галереи изображений jQuery Magnific в двух местах точно так же на сайте. Он отлично работает в одном месте и не работает в другом (см. Ссылки на Галерею изображений на боковых панелях)… кажется, он пытается сделать свое дело, но не загружается в оверлей. Вместо этого он загружается в верхней части окна.

Галерея запускается следующим образом:

 jQuery(window).load(function() {
    jQuery('.gallery_image_link').magnificPopup({
        type: 'image',
        gallery:{
            enabled:true
        }
    });
});
  

Изображения в галерее выглядят следующим образом:

 <a href="/sites/default/files/styles/practice_gallery/public/big_img1.jpg" class="gallery_image_link" title="Pup"><img src="/sites/default/files/styles/practice_gallery_thumb/public/small_img1.jpg"></a>
  

Консоль в Chrome (или любом другом браузере) не предоставляет никакой полезной информации. Я ожидаю, что на странице есть какой-то конфликт с чем-то другим… но что?

Это сайт на Drupal, но библиотека Magnific не загружается ни через один модуль Drupal. И опять же, отлично работает в первую очередь… во второй не так много. Я в тупике!

Дети, всегда не забывайте загружать связанный CSS вместе с Javascript на каждой странице, где это будет необходимо. Да. Вот к чему это привело; отсутствует CSS. Да …