Question

我是一位非常业余的Web开发人员，希望建立我的第一个网站。香港专业教育学院处理了一些HTML和CSS，但我还没有碰过JavaScript。我希望为自己的首页制作自动幻灯片显示，因此我在https://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/上搜索了一些代码并找到了一个不错的边秀设计（我应该注意，我目前正在使用glitch.com进行编码）。所以我做了一个.js文件，因为以前没有，所以将代码复制到了各自的文件中。一切正常，但我怀疑这会发生。我认为我在某处缺少一些javascript起始代码，或者它在最新的jquery更新中已经过时了（该代码来自2013年），无论哪种方式，任何帮助都是值得的

此处是代码：

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

谢谢

Answer 1

您正在使用Jquery，但未引用它。

类似下面，您必须添加

<script src="script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></sctipt>

欢呼

自动幻灯片播放麻烦

1 个答案: