Почему не срабатывает плагин jQuery Zoom?

162
20 февраля 2019, 14:50

делаю карточку товара, в которой для картинок использую слайдер, а к слайдеру пытаюсь еще зум подключить, но уже несколько часов все безуспешно. Html карты товара генерируется из js и выглядит следующим образом:

    out+='<div class="col-lg-12 single">';
                        out+='<div class="col-lg-5 prod-slides">';
                            out+='<div id="sync1" class="owl-carousel owl-theme">';
                                out+='<div class="item">';
                                    out+=`<img class="Zoom" src="pages/orderPage/goods/${pack.img}">`;
                                out+='</div>';
                                out+='<div class="item">';
                                out+=`<img class="Zoom" src="pages/orderPage/goods/${pack.img}" >`;
                                out+='</div>';
                                out+='<div class="item">';
                                    out+=`<img class="Zoom" src="pages/orderPage/goods/${pack.img}" >`;
                                out+='</div>';
                            out+='</div>';
                            out+='<div id="sync2" class="owl-carousel owl-theme">';
                                out+='<div class="item">';
                                    out+=`<img src="pages/orderPage/goods/${pack.img}">`;
                                out+='</div>';
                                out+='<div class="item">';
                                    out+=`<img src="pages/orderPage/goods/${pack.img}">`;
                                out+='</div>';
                                out+='<div class="item">';
                                    out+=`<img src="pages/orderPage/goods/${pack.img}">`;
                                out+='</div>';
                            out+='</div>';
                        out+='</div>';
$.getScript("pages/productPage/js/slider.js"); //скрипт, связывающий для слайдера

У меня имеются два связанных слайдера, но зум должен применяться к слайдеру с картинками класса Zoom. По документации плагина нужно только подключить библиотеку и скрипт инициализации, что я и сделал.

    <script src="zoom/jquery.zoom.js" type="text/javascript"></script>
 <script>
      $(document).ready(function(){
        $('.Zoom').zoom();
    });
</script>

Подскажите, пожалуйста, в чем может быть проблема

READ ALSO
Видео на полный экран с youtube iframe

Видео на полный экран с youtube iframe

Я вставляю на сайт YouTube видео через iframeМожно ли при нажатии на play открывать видео в полный экран?

275
Авторизация через Telegram. Несколько виджетов на 1-й странице

Авторизация через Telegram. Несколько виджетов на 1-й странице

С самой авторизацией проблем нетА вот с размещением нескольких виджетов авторизации на 1-й страниц - есть

213
Как отследить событие на клик

Как отследить событие на клик

Карты Яндекса позволяют строить маршрутыПо построенному маршруту можно вызвать такси, нажав на кнопку заказа

194
Кнопка с селектом [закрыт]

Кнопка с селектом [закрыт]

Всем привет,подскажите как реализовать такую кнопку с селектами[![введите сюда описание изображения][1]][1]

172