jQuery淡入不工作

所以這裏是我的問題，我想延遲4秒後出現一個圖像，但這只是不起作用，你能幫忙嗎？在我的代碼下面;jQuery淡入不工作

HTML（index.html的）：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<style type="text/css"> 
@font-face { font-family: DayZ; src: url('DayZ.ttf'); } 
h3 { 
color: #961515; 
font-size: 32px; 
text-align: center; 
font-family: DayZ 
} 
</style> 
<meta charset="utf-8"> 

<title>Welcome to DayZ</title> 
<link rel="shortcut icon" href="http://dayzgame.com/assets/img/favicon.ico"> 
<link rel="stylesheet" type="text/css" href="css/fadein.css"> 


<script src="scripts/fadein.js"></script> 
<script src="scripts/button_fade.js"></script> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 



</head> 
<body> 

<audio autoplay> 
<source src="intro.mp3" type="audio/mpeg"> 
<source src="intro.ogg" type="audio/ogg"> 
<embed height="50" width="100" src="horse.mp3"> 
</audio> 

<div id="vertical"></div> 
<div id="logo"></div> 
</div> 

//this is the code for the image to display 
<img class="delayImg" delayedSrc="http://i.imgur.com/XH9NTK6.png" /> 

</body> 
</html>

CSS（fadein.css）：

.delayImg {opacity:0;}

的JavaScript（button_fade.js）：

$(document).ready(function() { 
$(".delayImg").each(function() { 
    this.onload = function() { 
     $(this).animate({opacity: 1}, 4000); 
    }; 
    this.src = this.getAttribute("delayedSrc"); 
}); 
});

來源

2014-01-13 Cwtch22

你需要在這個以加載腳本：

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="scripts/fadein.js"></script> 
<script src="scripts/button_fade.js"></script>

來源

2014-01-13 20:26:43

非常感謝！這樣一個愚蠢的錯誤！:)我現在給你的答案打個招呼:)謝謝！ – Cwtch22

$(document).ready(function() { 
     $(".delayImg").each(function() { 
     $(this).onload = function() { 
     $(this).animate({opacity: 1}, 4000); 
    }; 
    $(this).src = $(this).getAttribute("delayedSrc"); 
    }); 
});

使用$(this) insted只是this

來源

2014-01-13 20:21:08

感謝您的答覆，但是這並不能使其工作，仍然沒有任何反應，沒有圖像出現在所有。 – Cwtch22

@ Cwtch22這與其他答案的答案將解決它，我認爲 –

是的，它做到了！謝謝一堆！ – Cwtch22

jQuery淡入不工作

回答

相關問題