如何在Framer.js中单击动画子图层？

Question

我正试图在点击时为Framer.js中的子图层设置动画。我得到的是“Uncaught TypeError：layerD.on不是函数”。

我做错了什么或动画子图层在Framer中是不可能的？

以下是代码：

# Create a background
new BackgroundLayer backgroundColor: "#28affa"

# Create layers
layerC = new Layer
backgroundColor: "#fff"
width: 300
height: 100

layerD = new Layer
backgroundColor: "#2889fa"
width: 150
height: 100

layerD.superLayer = layerC

# Position layers
layerC.center()
layerD = layerC.minX

# Click Event
layerD.on Events.Click, ->
  layerD.animate
    properties:
      x: this.x + 50
    curve: "ease"
    time: 1

Answer 1

定位图层时，为layerD变量指定一个数字。您可能想要设置layerD的minX，而不是将layerC的minX值分配给layerD。

Fixed Example