javascript - 似乎无法弄清楚为什么脚本不起作用

Question

我似乎无法弄清楚为什么这个 div 幻灯片脚本不起作用：'

剧本：

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

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

的HTML：

<div id="slideshow">
<div>
<img src="http://farm6.static.flickr.com/5224/5658667829_2bb7d42a9c_m.jpg">
</div>
<div>
<img src="http://farm6.static.flickr.com/5230/5638093881_a791e4f819_m.jpg">
</div>
<div>
Pretty cool eh? This slide is proof the content can be anything.
</div>
</div>

这是该网站的链接： http ://www.pearsonaviation.com.au/new/

任何帮助将不胜感激，干杯！

Answer 1

您没有jQuery包含在页面上的库。

因此，错误消息的海洋。

转到此页面： http: //jquery.com/download/
下载 jQuery js 文件，将其托管在您的服务器上并在页面中引用它，或者使用页面上指定的 CDN 之一。

Answer 2

由于您在页面中使用了 noConflict，因此$在全局范围内不指向 jQuery 库。所以改为尝试

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

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

Answer 3

您在控制台中有很多错误。幻灯片取决于 jquery-library，请尝试首先包含它。