Исходный код моей веб-страницы
Я хочу иметь возможность щелкнуть по миниатюре и получить модальный экран с изображением. я использовал php для установки идентификатора и имени класса, но он все еще не работает. Я искал везде, чтобы найти решение, но не могу найти ни одного, я попробовал это: Почему эта функция щелчка jQuery не работает?. но также это не работает проблема не с функцией готовности JavaScript.
$(document).ready(function() {
});
первые 2 запроса работают, когда я хочу fadeIn в изображении, и fadeOut при нажатии ESC, но последний, когда я нажимаю на оверлей, он не работает, пожалуйста, помогите мне.
Тот с красным кружком не работает.
в коде есть ошибка:
$('#63848').on('click', '#63848', function() {
этот синтаксис означает, что вы ищете элемент (второй селектор) внутри родительского контейнера (первый селектор). Таким образом, вы можете изменить родительский контейнер на 'body'
или что еще вы хотите, вот так:
$('body').on('click', '#63848', function(event) {
или просто удалите контейнер
$('#63848').on('click', function(event) {
посмотрите рабочий пример вашего сценария: FIDDLE
Других решений пока нет …