framerjs - 親をドラッグしているときにサブレイヤーのドラッグをオフにするにはどうすればよいですか?

Question

いくつかの子行が横にある大きな親レイヤーがあります。親が垂直にドラッグされている間、行が水平にドラッグされないようにしたい。私の推測では、うまくいくdraggable = falseと思いましTouchStartたが、うまくいきませんでした。

cellHeight = 170
cellWidth = 640
rows = 3

container = new Layer
container.draggable = true
container.draggable.speedX = 0
container.width = cellWidth
container.height = cellHeight * rows
container.on Events.TouchMove, ->
    myLayer.draggable = false

container.on Events.TouchEnd, ->
    container.animate
        properties:
            y: 0
        curve: "spring(500, 40, 20)"


for row in [0..rows-1]
    myLayer = new Layer
        x: 0
        y: cellHeight*row
        width: cellWidth
        height: cellHeight
        backgroundColor: "#FFF"
    myLayer.superLayer = container
    myLayer.style =
        borderBottom: "1px solid black"
    myLayer.draggable = true
    myLayer.draggable.speedY = 0
    myLayer.on Events.TouchStart, ->
        container.draggable = false

    myLayer.on Events.TouchEnd, (event, touchedLayer) ->
        container.draggable = true
        touchedLayer.animate
            properties:
                x: 0
            curve: "spring(700, 40, 20)"