Safari браузер не подерживает библиотеку jquery?

Question

[RushV]

Здравствуйте!
Подключил библиотеку jquery на всех браузерах скрипты работают, а на Сфари не работает.
Вот пример кода:

var docimg = $(".list-group-item-doc img").hover(function(){ 
       $(this).parent().find("h4").css("bottom","15px");
      }, function(){ 
     $(this).parent().find("h4").css("bottom","10px");
    });
	var images = [...document.querySelectorAll('.list-group-item-doc')]
	images.forEach(function(img, i) {
	  var timeout = 700 * i // ms
	  setTimeout(function(){
		img.classList.add('visible')
	  }, timeout)
	});

И вот использую bootstrap.min.js и тоже не работает.

Answer 1

[Дмитрий Терентьев]

Должно работать. Информация о поддержке браузерами https://jquery.com/browser-support/ .
Пробуй поиграть с версиями jquery и проверь, что safari последней версии.

Comments

[RushV]

Такой вопрос вот эту ссылку jquery подключить в хеадер или в Футер просто везде пишут по разному ? Сейчас у меня подключен в Футоре.
">/ajax.googleapis.com/ajax/libs/jquery/3.3.1

[Дмитрий Терентьев]

RushV, Если подключать скрипты в head, то html который в body будет отрисовываться только после загрузки скриптов. Рекомендуют подключать скрипты после body, чтобы не тормозить рендер html.
Данные рекомендации можно прочитать здесь https://developers.google.com/speed/pagespeed/insi... .
Так же нужно учесть, чтобы сначала была подключена библиотка jquery

[RushV]

Вот подключил новую версию jquery/3.3.1 и вот ошибки пошли

Answer 2

[Роман Петерсон]

Сафари всё время отстаёт в реализации некоторых фишек CSS. Последний раз я сталкивался с чем-то подобным в мобильном Сафари - он просто игнорировал некоторые стили при позиционировании. Возможно, в вашем случае происходит то-же самое. Попробуйте прописать этот bottom:10px жёстко в CSS-файле.
Т.е. скорее всего проблема не в jquery.