Question

过去2小时我一直在调查此事。我不是一个真正的编码员，只是想让简单的网站工作。好吧，比平常更复杂，但我尝试了php和js，并且两种方式都没有用于某些奇怪的原因。我真的很想让js工作。 .js，.css和.html都在同一个文件夹中，已经检查过千次的名字。这是一些代码：

HTML：

<link rel="stylesheet" type="text/css" href="index.css">
<script type="text/javascript" src="java.js"></script>
<div id="bg">
  <img src="bg.jpg" alt="" />
  <img src="bg5.jpg" alt="" />
  <img src="bg9.jpg" alt="" />
  <img src="bg11.jpg" alt="" />
</div>

这里没有提供完整代码，但此代码位于html标记和正文中。 css按照需要工作，所以不会在这里添加..如果重要的话，在css位置是绝对的..

JS：

$('img').hide();

function test() {
    $("#bg img").first().appendTo('#bg').fadeOut(5000);
    $("#bg img").first().fadeIn(5000);

    setTimeout(test, 7000);
}
test();

现在，如果我输入css display：none，则此代码应该开始工作并更改图片。但事实并非如此。当我删除命令display：none时，图片就会出现在彼此相撞的地方。但是js只是不想工作。我也在js之前尝试过，没有用，但这次我想让它运转起来。谢谢。

Answer 1

您正在尝试执行jQuery代码而不链接jquery库。您应该在使用之前包含jQuery库文件，否则您将收到错误$ is undefined。

在脚本上方添加以下内容：

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

另外，在ready()处理程序中添加代码，以确保在注释中提到的Barmar创建元素之后运行脚本。

Answer 2

首先链接jQuery库并确保实际调用您的代码（例如在$(document).ready()内）。

Javascript似乎永远不会起作用

2 个答案: