过去 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,没用,但这次我想让它工作。 谢谢。
最佳答案
您正在尝试在不链接 jQuery 库的情况下执行 jQuery 代码。您应该在使用它之前包含 jQuery 库文件,否则您将收到错误 $ is undefined
。
在您的脚本上方添加以下内容:
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
此外,在 ready()
中添加您的代码处理程序以确保您的脚本在元素创建后运行,如评论中提到的 Barmar。
关于Javascript 似乎永远不会工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25956819/