coffeescript - Framer.jsでクリック時にサブレイヤーをアニメーション化する方法は?

Question

クリック時に Framer.js のサブレイヤーをアニメーション化しようとしています。私が得るのは「Uncaught TypeError: layerD.on is not a function」です。

私のやり方が間違っているのでしょうか、それとも 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