Question

我是这个网站的新手，所以我希望我在这里做正确的格式！

我的问题是，我已经足够新了＃34;对于HTML和今天我想开始使用一些Javascript来制作一些褪色过渡图像....当然有些东西不得不出错，这只是我的运气。所以我上网并遵循了一些教程，我想出的是：

链接到Pastebin：http://pastebin.com/GW02CsJ1（无法输入代码，因为它保持给我一个错误，我试图修复20分钟！）

因此，一旦我打开此页面，它就完全空白，我将页面打开至少5分钟，没有任何反应。我不知道的一件事是jQuery ......这是什么？我也试过不同的浏览器，结果也一样。我环顾四周但没有找到任何有用的东西，所以任何帮助都会很棒，谢谢！

Answer 1

基本上，您已在if / else语句中定义了变量next，但在此之后，变量可见性将丢失。尝试在它之外定义它，然后更新它/之后引用它，如下所示：

$(document).ready(function () {
    setInterval(function () {
        var active = $('#banners .active');
        var next;

        if (active.next().length > 0) {
            next = active.next();
        } else {
            next = $('#banners img:first');
        }

        next.css('z-index', '2');

        active.fadeOut(1000, function () {
            active.css('z-index', '1').show().removeClass('active');

            next.css('z-index', '3').addClass('active');
        });
    }, 3000);
});

另外，我尝试修复一些拼写错误......

DEMO：JSFIDDLE

Answer 2

script标签中缺少括号：

<script type="text/javascript" src="jquery.js"</script>

应该是：

<script type="text/javascript" src="jquery.js"></script>

关于jQuery：它是一个JavaScript库，可以帮助您使用其功能编写更短的代码。此外，如果您将其与脚本标记一起使用，则需要在代码库中使用它，或者您可以使用任何CDN链接：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

完成后，您只需要在定义的位置显示图像。

Answer 3

是的，这不起作用。
你错过了所需的文件jquery.js。

您可以从http://jquery.com/download/下载该文件但它可能需要更多的工作才能使该脚本正常运行。

BTW：jQuery是一个框架，比简单的JavaScript编程更简单。

当我添加Javascript它显示一个空白页？

3 个答案: