2014-09-21 201 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()之內)。

相關問題