Создаю лупу на jQuery. Как правильно указать на элемент в JS?

Question

[Adik Izat]

Мне нужно создать эффект лупы на увеличенное изображение. То есть у меня есть изображение, на которое если нажимаешь, появляется попап с увеличенным изображением. Задача такая: в случае если увеличенное изображение не позволяет увидеть содержимое изображения, то на увеличенном изображении должна быть лупа, при наведении которым участок изображения на который наводятся должен увеличиваться.

У меня есть блок #magnify в котором открываются все увеличенные изображения. И есть класс .loop на изображениях. Мне надо чтобы при активном #magnify на .loop была активна лупа.

Я написал так, но она не работает. Подскажете в чем ошибка?
$('#magnify.lup').loupe();

Answer 1

[garmon85]

надо так $('#magnify .lup').loupe();

Comments

[Adik Izat]

А я разве не так написал?

[garmon85]

Пробел забыли...

[Adik Izat]

Пробел поставил. Не изменилось.

[garmon85]

Вы написали класс изображений loop, а в скрипте класс изображений .lup

[Adik Izat]

.loop я написал только для вопроса. Изначально и до сих пор в коде изображения с классом lup.

<li>
                                    <img class="minimized lup" src="images/protocol-1.jpg">
                                </li>
                                <li>
                                    <img class="minimized lup" src="images/protocol-2.jpg">
                                </li>
                                <li>
                                    <img class="minimized lup" src="images/protocol-3.jpg">
                                </li>

[garmon85]

Хз тогда

[Adik Izat]

garmon85, решил проблему иначе. Добавил в функции попапа добавление изображению класса lup.
Спасибо за содействие!

JS:
$('.lup').loupe();

Answer 2

[Stimulate]

$('#magnify .loop').loupe();

Comments

[Adik Izat]

Пробел поставил. Не изменилось.

[Stimulate]

Adik Izat, вы учитываете, что loop и lup не одно и тоже?

[Adik Izat]

Да, учитывал.

[Stimulate]

Adik Izat, тогда без примера никак