当我添加javascript时，它会显示一个空白页

When I Add Javascript It Displays A Blank Page?

本文关键字：一个 空白 显示 添加 javascript      更新时间：2023-09-26

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

我的问题是，我对HTML"足够新"，今天我想开始使用一些Javascript来制作一些褪色的过渡图像。当然一定出了问题，这只是我的运气。所以我上网并遵循了一些教程，我想出了这个：

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

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

基本上，您已经在 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);
});

另外，我尝试修复一些错别字...

演示：JSFIDDLE

是的，这是行不通的。
您缺少所需的文件 jquery.js。

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

顺便说一句：jQuery是一个框架工作，使事情比用普通的JavaScript编程"更简单"。

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>

完成此操作后，您只需要将图像呈现在其定义的位置即可。

相关文章：