(Ошибка / сбой только в Safari) Базовый слайдер Jquery + lazyload и srcset => ошибка при отображении / скрытии текста под изображениями - PullRequest
Новая
       30

(Ошибка / сбой только в Safari) Базовый слайдер Jquery + lazyload и srcset => ошибка при отображении / скрытии текста под изображениями

0 голосов
/ 10 апреля 2019

(извините за мой английский)

Я создал портфолио для школы, у меня есть очень простой слайдер, созданный с помощью jquery, и я также использую jquery-lazyload и srcset для своих изображений.Я также «раскрываю» каждый контейнер проекта с событием прокрутки.

Проблема в том, что когда я показываю информацию о проектах (при нажатии на кнопку «Показать информацию») возникает сбой.Это происходит только в Safari (проверено на Mac и iphone) (Chrome / Firefox: хорошо)

Я пытался отключить:

  • lazyload -> без изменений
  • открыть функцию -> нет
  • мой ползунок -> нет

Итак, я создал jsfiddle, протестированный в Safari, и он работает.Но я не понимаю, почему?Я не скопировал все содержимое оригинального веб-сайта в скрипку, но я надеялся, что кто-то найдет решение непосредственно на моем веб-сайте.И, кстати, помогая мне узнать, как отладить такую ​​ситуацию ...

Вот код, который скрывает / показывает описание проекта: 

$('.info').click(function() {
  let i = $(this);
  if (!i.hasClass('info-open')) {
    $('.info').removeClass('info-open');
    $('.info').text('Show info');
    i.addClass('info-open');
    i.text('Hide info');
    $('.desc').slideUp(200);
    i
      .parent()
      .next()
      .show();
  } else {
    i.removeClass('info-open');
    i.text('Show info');
    i
      .parent()
      .next()
      .slideUp(200)
  }
});

Спасибо за помощь!

...