Question

根据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代码'，我的意见可能不会在HTML中为'anime.js代码'应用class =“square”的css属性。因此，我加上方格。

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

广场观看，但任何动作都没有发生。你对这个例子有什么建议吗？

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

Anime.js关于第一个例子

1 个答案: