2014-09-21 182 views
-1

我在过去的2个小时里一直在调查此事。我不是一个真正的编码员,但只是想做简单的网站工作。好吧,比平时稍微复杂一些,但我尝试了php和js,并且出于某种奇怪的原因,这两种方式都不起作用。我真的很想让js工作。 .js,.css和.html都在同一个文件夹中,已经检查过几千次。下面是一些代码:Javascript似乎无法正常工作

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时,图片在相互撞击的地方出现。但js只是不想工作。我在js之前也尝试过,没有工作,但是这次我想让它工作。 谢谢。

+0

你的代码在'$(document).ready()'里面吗?它应该是,因为你在加载DOM之前加载脚本。 – Barmar 2014-09-21 07:28:15

+0

什么是java.js? Java不是JavaScript。 – naomik 2014-09-21 08:03:16

+1

java.js是JavaScript不想把名称完全放在JavaScript中,所以我保持它的Java :) – Geit 2014-09-21 08:08:50

回答

2

您正试图执行jQuery代码而无需链接jQuery库。您应该在使用它之前包含jQuery库文件,否则您将得到错误$ is undefined

添加脚本上面以下内容:

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

而且,里面添加ready()处理您的代码,以使后创建的元素Barmar在评论中提到确保您脚本运行。

+0

谢谢!正如我所说,我不是一个庞大的编码器,只是想要一个简单的好网站,并且对于我所犯的这些简单的错误感到抱歉... – Geit 2014-09-21 08:08:24

1

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

相关问题