JQuery .fadeInが私のサイトで働いていない

これはおそらく繰り返されるようですが、私のサイトではjQueryが動作しません。私はここで多くの記事を見てきましたが、答えを見つけることができないようです。私は私の道ということを知っているJQuery .fadeInが私のサイトで働いていない

$(document).ready(function(){ 
$("#pic").fadeIn("slow"); 
});

：ここ

<!DOCTYPE html> 
<html> 
<head> 
<title>Rodeo Rich's Steakhouse</title> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="css/style.css" type="text/css"> 
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Holtwood+One+SC" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script type="text/javascript" src="js/main.js"></script> 
</head> 
<body> 
<header> 
    <a href="index.html"><img src="img/logo.png" id="logo" alt="Rodeo Rich's Steakhouse"></a> 
</header> 
<nav> 
    <ul> 
     <li><a href="menu.html">MENU</a></li> 
     <li><a href="story.html">OUR STORY</a></li> 
     <li><a href="giftcards.html">GIFT CARDS</a></li> 
     <li><a href="contact.html">CONTACT US</a></li> 
    <ul> 
</nav> 
<img src="img/logo.png" id="pic" alt="Rodeo Rich's Steakhouse"> 
</body> 
</html>

は "#pic" に何もしていない私のJavaScriptファイルからコードです：ここでは

は私のHTMLです.jsファイルの名前は正しいです。

私のセクションにもGoogleのCDNがあります。

すべてのサポートをよろしくお願いいたします。

$(document).ready(function(){ 
    $("#pic").hide().fadeIn("slow"); 
});

出典

2016-04-25 Alex

ブラウザのデバッグツールを開いて、ネットワークに切り替える場合は、あなたの.jsファイルのいずれかに404を得るのですか？コンソールはエラーを投げますか？ – Ozrix

既に表示されているものをフェードインできません。 –

@KevinBあなたはすべての答えをdownvoteしましたか？：/ –

あなたのイメージは、それがフェードインする前に、たとえばあなたが行うことができますので、隠すことがあります。

これは動作します：

$('#pic').hide(); 

$('button').click(function() { 
    $('#pic').fadeIn('slow'); 
});

DEMO

出典

2016-04-25 22:04:56 ericornelissen

あなたが最初にあなたの画像を非表示にする必要があり（CSS display:none付きまたはjQueryの.hideで）：:)

出典

2016-04-25 22:06:07

JQuery .fadeInが私のサイトで働いていない

答えて

関連する問題