Как исправить проблему в Safari (IOS 9.3.5 — ipad 2, iphone 4)?

Question

[Асиков Артур]

При клике на блок sub_wrappper открывается блок list.

$('.list').hide();

function char_db(sub, char){			//выдаем разделы
	if( (sub == 1) || (sub == 2) || (sub == 3) ) {
		sub = Number.parseInt(sub);	
		$.ajax({ 
					type: "POST",
					url: "/char",
					data: {asub : sub},
					success:function (resp) {
						let text = JSON.parse(resp);
						for(i = 0; i < text.length; i++){
							$('.charter_i').find('ul').append('<li data="'+ text[i]['id'] + '">' + (i+1) + '. ' + text[i]['names'] +'</li>');
						}
						show_charter(char);	
					}
				}).fail(function () {
					return;
				});
	} else {
		return;	
	}
}

$('.sub_wrapper').on("click", function(){		//обрабатываем клик 
    if (!($('.list.charter_i').hasClass('visi'))) { 	//если не показаны разделы
      let char = $(this);
      let sub = $(this).attr('data');
      char_db(sub, char);	
      } else {
        if ($(this).find('span').hasClass('detected')) {return}
        hide_charter();
      };
    });

Тестировал с iPad 2, iPhone 4- не работает. На iPhone 8 все работает отлично. Как найти ошибку, подскажите? В консоли все ок. Адаптивность проверял на браузере компьютера - тоже все ок (для тф, для планшета)

Answer 1

[Eugene Chefranov]

Попробуй так:

$('.list').hide();

function char_db(sub, char) {
  //выдаем разделы
  if (sub == 1 || sub == 2 || sub == 3) {
    sub = Number.parseInt(sub);
    $.ajax({
      type: "POST",
      url: "/char",
      data: { asub: sub },
      success: function success(resp) {
        var text = JSON.parse(resp);
        for (i = 0; i < text.length; i++) {
          $('.charter_i').find('ul').append('<li data="' + text[i]['id'] + '">' + (i + 1) + '. ' + text[i]['names'] + '</li>');
        }
        show_charter(char);
      }
    }).fail(function () {
      return;
    });
  } else {
    return;
  }
}

$('.sub_wrapper').on("click", function () {
  //обрабатываем клик 
  if (!$('.list.charter_i').hasClass('visi')) {
    //если не показаны разделы
    var char = $(this);
    var sub = $(this).attr('data');
    char_db(sub, char);
  } else {
    if ($(this).find('span').hasClass('detected')) {
      return;
    }
    hide_charter();
  };
});

Там старая iOS с старым Safari и он наверно не поддерживает ES 6

Comments

[Асиков Артур]

Спасибо! Путем долгой отладки пришел к тому, что дело в другой функции, где использовал setTimeout() - может эта функция, скорее всего, не поддерживается старой IOS?

[Eugene Chefranov]

Асиков Артур, эта функция должна работать нормально, возможно её значение было неверно

[Асиков Артур]

setTimeout(() => {				
		$('.list.charter_i').slideToggle();
		$('html, body').animate({ scrollTop: $('.list.charter_i').offset().top }, 800);
	}, 300);

Если комментирую setTimeout и на iPad2 и на iPhone 4 начинает работать))

// setTimeout(() => {				
		$('.list.charter_i').slideToggle();
		$('html, body').animate({ scrollTop: $('.list.charter_i').offset().top }, 800);
//	}, 300);

[Асиков Артур]

Я выбрал неправильный синтаксис) Изменив setTimeout все заработало!

setTimeout(function(){				
	$('.list.charter_i').slideToggle();
	$('html, body').animate({ scrollTop: $('.list.charter_i').offset().top }, 800);
}, 300);

Евгений, спасибо за направление! огромное спасибо =))

[Eugene Chefranov]

Асиков Артур, вы используете стрелочную функцию () => из ES6
Запишите так

setTimeout(function () {
    $('.list.charter_i').slideToggle();
    $('html, body').animate({ scrollTop: $('.list.charter_i').offset().top }, 800);
}, 300);

[Асиков Артур]

Да, спасибо еще раз!)