JQuery .fadeIn не работает на моем сайте

Я знаю, что это, вероятно, кажется повторяющимся, но я не могу заставить jQuery работать на моем сайте. Я просмотрел много сообщений здесь, но все равно не могу найти ответ.JQuery .fadeIn не работает на моем сайте

Вот мой HTML:

<!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>

Вот код из моего файла JavaScript, который не делает ничего, чтобы "#pic":

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

Я знаю, что мой путь имя файла .js верное
У меня есть CDN Google в моем разделе.

Вся помощь будет принята с благодарностью! :)

источник

2016-04-25 Alex

Если вы откроете инструмент отладки вашего браузера, и перейти к сети, вы получаете 404 на любом из ваших файлов .js? Повреждает ли консоль какие-либо ошибки? – Ozrix

вы не можете затухать в том, что уже видно. –

@KevinB Вы ответили на все ответы? : / –

Ваше изображение должно быть скрыто, прежде чем он может исчезнуть в, так, например, вы можете сделать:

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

источник

2016-04-25 22:04:56 ericornelissen

Вы должны скрывать свое изображение в первой (с помощью CSS display:none или с JQuery .hide).

Это работает:

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

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

DEMO

источник

2016-04-25 22:06:07

JQuery .fadeIn не работает на моем сайте

ответ

Смежные вопросы