Question

我是网络编码的初学者。我试图用XAMPP在本地服务器上用jquery运行html，然后我想在浏览器（Safari，Chrome）上显示它。 html和css出现了，但jquery无法正常工作。我的代码用于定期更改背景，但没有任何变化。 macOS Mojave 10.14.6

我在XAMPPforOSX（7.3.9）（不是VM版本）上尝试过此操作，然后打开Apache Web Server并在Safari和Chrome上访问了http://localhost/。我将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);
  }

，然后将所有文件放在XAMPP的htdocs文件夹中，然后在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;
  } 
}

为什么jQuery在我的本地服务器上不起作用

0 个答案: