Javascript 似乎永远不会工作

标签 javascript jquery html css

过去 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/

相关文章:

javascript - 从 DOM 获取元素

html - 无法使按钮在 css 中看起来平滑

javascript - 如何消除渲染后 "flicker"?

html - 显示内联 block 的一些有线行为

javascript - 如何制作滤镜/切换效果的动画?

javascript - 滚动 div 并从底部插入

javascript - iframe 收到 postMessage 内容后加载所有内容

javascript - 在 PhoneGap 应用程序中从服务器远程显示图像的最佳方式是什么

jquery - Kendo Ui 窗口文本框焦点

Javascript 点击函数与 jquery 表