javascript - Raphael.js - if/else 语句在点击时不切换

Question

我有 3 个盒子，我希望它们在它们之间切换，并在第二次单击时关闭。目前它在它们之间切换得很好(IF部分)，但是当我单击同一个框将其关闭时，如果不起作用(“else if”部分似乎不起作用)。我想我需要重组 if 语句。任何帮助是极大的赞赏。

这是 JS fiddle : http://jsfiddle.net/FFdjS/5/

这是元素的点击 if 语句之一:

box1.click(function() {
    if (box1.attr(strOff)) {
        box1.attr(strOn);
        box2.attr(strOff);
        box3.attr(strOff);
    } else if (box1.attr(strOn)) {
               box1.attr(strOff);
    } else {}
});

Answer 1

Element.attr(...) 在对象作为参数传递时设置属性。返回元素。如果你想改变它 - 使用这样的东西:

box1.click(function() {
    if (box1.attr('stroke-width') == 1) {
        box1.attr(strOn);
        box2.attr(strOff);
        box3.attr(strOff);
    } else if (box1.attr('stroke-width') == 5) {
           box1.attr(strOff);
    } else {}
});

jsFiddle 上的示例