Safari browser does not support jquery library?

Question

JavaScript

Hello!
I connected the jquery library on all browsers, the scripts work, but it does not work on Sfari.
Here is an example code:

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)
  });

And now I'm using bootstrap.min.js and it doesn't work either.

Answer 1

Should work. Browser support information https://jquery.com/browser-support/ .
Try playing around with jquery versions and make sure safari is up to date.

Answer 2

Safari is always lagging behind in the implementation of some CSS features. The last time I came across something like this was in mobile Safari - it just ignored some styling when positioning. Perhaps the same thing happens in your case. Try to hardcode this bottom:10px in your CSS file.
Those. Most likely the problem is not in jquery.