Затухание на готовом документе не работает - PullRequest
Новая
       10

Затухание на готовом документе не работает

0 голосов
/ 10 июня 2018

Эффект затухания, используемый в показанном Jquery, не работает, почему?

$(function() {
  $(document).ready(function() {
    $('.Game').fadeIn(500);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text">
  <h1 class="Game">Darkness Island</h1>
  <h2>Available soon</h2>
  <button class="Download">Download</button>
  <button class="Details">See details</button>
</div>

Что не так?

Ответы [ 2 ]

0 голосов
/ 10 июня 2018

Прежде чем вы сможете использовать функцию fadeIn, элемент не должен быть видимым.

этот пример должен работать 

$(function(){
  $(document).ready(function () {
   $('.Game').fadeOut();
   $('.Game').fadeIn(500);
  });
});
0 голосов
/ 10 июня 2018

Добавьте display: none; в "Game" div для начала.

Также оставьте тег script в конце html 

 $(document).ready(function () {
      $('.Game').fadeIn(500);
   });

И, самое главное, включите jquery в головутег. 

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="text">
    <h1 class="Game" style="display: none;">Darkness Island</h1>
    <h2>Available soon</h2>
    <button class="Download">Download</button>
    <button class="Details">See details</button>
</div>
<script>
  $(document).ready(function () {
$('.Game').fadeIn(500);
  });
</script>
...