JavaScript не обнаруживает аниме JS - PullRequest
Новая
       10

JavaScript не обнаруживает аниме JS

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

Я изучаю анимацию и JS, я решил пойти с anime.js.Однако, когда я пытаюсь выполнить основную функцию, я получаю ошибку «Uncaught ReferenceError: anime is notfined».

HTML: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Underscores</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
  <script src="backend.js" charset="utf-8"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.js"></script>

  <div class="box red"></div>
  <div class="box blue"></div>
  <div class="box green"></div>
  <div class="box yellow"></div>
</body>
</html>

CSS: 

.box{
  position: relative;
  width: 100px;
  height: 100px;
  margin: 4px;
  display: inline-block;

}

.red{background-color: red;}

.blue{background-color: blue;}

.green{background-color: green;}

.yellow{background-color: yellow;}

JS: 

anime({
   targets: 'div.box.red',
   translateY: [
     { value: 200, duration: 500 },
     { value: 0, duration: 800 }
   ],
   rotate:{
     value: '1turn',
     easing: 'easeInOutSine'
   }
});

1 Ответ

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

Как сказал CertainPerformance, зависимость anime.js должна быть объявлена ​​перед backend.js, которая его использует.Как это: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.js"></script>
<script src="backend.js" charset="utf-8"></script>

Надеюсь, что эти разъяснения решат вашу проблему!

...