Anime.js 关于第一个例子答案

【问题标题】：Anime.js about first exampleAnime.js 关于第一个例子
【发布时间】：2018-04-03 14:48:36
【问题描述】：

根据http://animejs.com/documentation/第一个例子：

<script>
var cssSelector = anime({
  targets: '#cssSelector .el',
  translateX: 250
});
</script>

<body>
<div id="cssSelector">
  <div class="line">
    <div class="square el"></div>
  </div>
</div>
</body>

关于“anime.js 代码”，我认为可能不会在“anime.js 代码”的 HTML 中为 class="square" 应用 css 属性。因此，我添加了正方形。

<style>
.square {
  pointer-events: none;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: cornflowerblue;
  margin: 4px;
  display: inline-block;
}
</style>

查看了正方形，但是任何移动都没有发生任何事情。你对这个例子有什么建议吗？

【问题讨论】：

另外，我已经运行了完整的示例来确认动漫 CDN。

标签： anime.js

【解决方案1】：

您的代码运行良好 - 我猜您忘记包含 jQuery。

var cssSelector = anime({
  targets: '#cssSelector .el',
  translateX: 250
});

.square {
  pointer-events: none;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: cornflowerblue;
  margin: 4px;
  display: inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js"></script>
<body>
<div id="cssSelector">
  <div class="line">
    <div class="square el"></div>
  </div>
</div>
</body>

【讨论】：