Question

您好我是javascript和CoffeeScript的新手，所以我目前正在研究原型并同时学习该语言。

以下代码块几乎完成了我想要它做的事情，除了一件重要的事情。任何帮助将不胜感激

categories.forEach (cat,i) ->
    mainCat= categ[i] = new Layer
     width:185
     height:77
     parent:catSelect.content
     y:13
     x:205*i+20
     image:categories[i]
   categ[i].states.add
    off:
        image: categories[i]
    on:
        image: altCat[i]
   categ[i].on Events.Click, ->
    categ[i].states.next("on","off")

    if categ[i].states.current is "on"
        print "true"

这里我有一个循环来创建类别按钮（mainCat），它有2个状态，附加了单独的图像数组（categories []和altCat []）。

我把这个循环放在一个数组中，所以现在，当我点击一个类别时，我可以使用categ [i]检查它的状态，但这几乎是我的限制所在。

现在这基本上将我的categ []数组中的对象视为多项选择，而我希望它只让数组中的一个对象位于＆＃34; on＆＃34;一次状态，一旦进入＆＃34; on＆＃34;状态，它需要显示一行特定的牌，同时将其他行隐藏在位于单独的图层/ div中的另一个阵列（称为cards []）中。

即。类似的东西：

  if categ[!=i].states.current is "on"
   categ[!=i].states.switch("off")
   cardsRow[!=i].opacity=0
   cardsRow[i].opacity=1

提前致谢！

Answer 1

您必须遍历categ中的所有对象，然后检查它们是否与已单击的图层相同，以打开或关闭它们。

同样适用于在另一个数组中设置图层的不透明度，但是你应该使用循环的索引来查看图层：

categ[i].on Events.Click, ->
    for l, index in categ
        if categ[i] == l
            l.states.switch("on")
            cards[index].opacity = 1
        else
            l.states.switch("off")
            cards[index].opacity = 0

可以在此处找到完整的原型工作原型：http://share.framerjs.com/2yg7ix83yv1l/ 我已经用背景颜色替换了图像，使图层可见。

在循环中的coffee脚本中访问数组中的其他值（framer.js）

1 个答案: