Question

我是javascript的初学者。我一直想为我的网站制作幻灯片，但现在已经停留了很长时间。

我有一些代码在这里完美运行：JSfiddle1

// Code In Fiddles
function Divs() {
    var divs= $('#parent div'),
        now = divs.filter(':visible'),
        next = now.next().length ? now.next() : divs.first(),
        speed = 1000;

    now.fadeOut(speed);
    next.fadeIn(speed);
}

$(function () {
    setInterval(Divs, 3400);
});

但在这里没有那么多：JSfiddle2

两个小提琴中的代码完全相同，一个有用，另一个没有。

代码也无法在我的网站上运行，所以我想知道问题可能是什么。

Answer 1

您需要添加jquery插件才能使javascript正常运行。 Get Jquery Here

您还可以使用托管库来获取项目中的jquery。托管库非常棒，因为很多开发人员都使用它们，这意味着网站浏览者很可能会将它们缓存在浏览器中，从而减少加载时间。

Check out the hosted libraries here

示例库

// post this in the head of you html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

如何用javascript制作幻灯片？

1 个答案: