javascript - Javascript事件-如何创建和存储只能由一个元素访问的变量？

我正在使用的脚本有点问题。我正在尝试绘制三角形，当您单击它们时，它们会“翻转”并更改颜色，如果再次单击，它们会恢复到其初始状态。问题是我不确定在哪里设置“ isflipped”变量。

有没有人有任何想法/以前有没有人提出过这样的问题？这是我目前所拥有的：

http://jsfiddle.net/hnqB6/17/

谢谢！

最佳答案

您可以将值以元素索引作为键保存在地图中，例如

var flipmap = {}
flimmap[index] = false

//later in click
flipmap[index] = !flipmap[index]

另一种选择是使用jquery data API将数据附加到元素，例如

每个元素的首次初始化翻转值

jQuery.data($("canvas")[i], 'flipped', false)//not-flipped

比点击切换

var flipped = jQuery.data(elem,'flipped')//old value
flipped = !flipped;//toggle it
jQuery.data(elem,'flipped',flipped)//save it

我已经更新了例子

http://jsfiddle.net/anuraguniyal/hnqB6/38/