Почему jQuery не работает на моем локальном сервере

Question

Я новичок в веб-программировании.Я попытался запустить мой HTML с JQuery на моем локальном сервере с XAMPP, а затем я хотел показать это в браузере (Safari, Chrome).html и css обнаружились, но jquery не работал.Мой код для изменения фона через регулярные промежутки времени, но ничего не двигалось.macOS Mojave 10.14.6

Я пробовал это на XAMPPforOSX (7.3.9) (не версия VM), затем включил веб-сервер Apache и получил доступ к http://localhost/ в Safari и Chrome.Я помещаю jquery-3.4.1.min.js и мой файл js в одну и ту же директорию.И фоновые фотографии были в папке в каталоге.

jQuery(window).on('load resize', function() {
  var windowWidth = window.innerWidth;

  if (windowWidth > 1024) {
    // desktop
    var i = 1;
    setInterval(function(){
      if(i<=6){
        jQuery("body").css("background-image","url('home/page" + i + "_desktop.jpeg')no-repeat fixed center center");
        i++;
      }
      else i = 1;
    }, 1000);
  }

, и я поместил все файлы в папку htdocs XAMPP, а затем проверил в режиме проверки на Chrome.Я обнаружил, что моя папка для фоновых изображений включает только один файл изображения (page1_desktop.jpeg).Я уверен, что я положил все изображения, такие как page1_desktop.jpeg, page2_desktop.jpeg ...
И мой CSS выглядит следующим образом

@media(max-width: 2000px){
  body {
    background-color: white;
    background: url("home/page1_desktop.jpg")no-repeat fixed 
center center;    
    background-size: cover;
  } 
}