Функция jquery click не работает для меня

Исходный код моей веб-страницы

Мой код

Я хочу иметь возможность щелкнуть по миниатюре и получить модальный экран с изображением. я использовал php для установки идентификатора и имени класса, но он все еще не работает. Я искал везде, чтобы найти решение, но не могу найти ни одного, я попробовал это: Почему эта функция щелчка jQuery не работает?. но также это не работает проблема не с функцией готовности JavaScript.

$(document).ready(function() {

});

первые 2 запроса работают, когда я хочу fadeIn в изображении, и fadeOut при нажатии ESC, но последний, когда я нажимаю на оверлей, он не работает, пожалуйста, помогите мне.

Тот с красным кружком не работает.

0

Решение

в коде есть ошибка:

$('#63848').on('click', '#63848', function() {

этот синтаксис означает, что вы ищете элемент (второй селектор) внутри родительского контейнера (первый селектор). Таким образом, вы можете изменить родительский контейнер на 'body' или что еще вы хотите, вот так:

$('body').on('click', '#63848', function(event) {

или просто удалите контейнер

$('#63848').on('click', function(event) {

посмотрите рабочий пример вашего сценария: FIDDLE

1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]