0

在我正在处理的头像生成器中，我有几个按钮事件，它们做同样的事情，但身体部位不同。我不想让不同的功能做同样的事情，所以我想对所有身体部位使用一个功能。

下面的第 14 行使用对象属性“AvGen.eyes.currEyesNr”，但我想将其用于单击按钮。我可以输入什么作为参数，如何在函数中使用参数才能使用正确的对象参数？

    1.    prevBodyBtn.on('click', function(){
    2.        if (AvGen.theBody.currBodyNr > 0) {
    3.            changePart(-1);
    4.        }
    5.    });
    6.
    7.    prevEyesBtn.on('click', function(){
    8.        if (AvGen.eyes.currEyesNr > 0) {
    9.            changePart(-1);
   10.        }
   11.    });
   12.
   13.    function changePart(direction) {
   14.        AvGen.eyes.currEyesNr += direction;  // <-- this is now always 'AvGen.eyes.currEyesNr' but should be dynamic
   15.
   16.        var body = AvGen.theBody.bodies[AvGen.theBody.currBodyNr],
   17.            eyes = AvGen.eyes.eyes[AvGen.eyes.currEyesNr],
   18.            nose = AvGen.nose.noses[AvGen.nose.currNoseNr];
   19.            mouth = AvGen.mouth.mouths[AvGen.mouth.currMouthNr];
   20.
   21.        AvGen.addSVG(body, eyes, nose, mouth);
   22.    }
4

2 回答 2

2

将指示当前索引值的属性名称从currBodyNr等currEyesNr更改为currNr。

AvGen然后您可以按名称处理所需的属性：

function changePart(direction, bodyPartName) {

var part = AvGen[bodyPartName];
part.currNr += direction;

...

并称之为：

changePart(-1, "eyes");

或者

changePart(-1, "theBody");

另一种方法是简单地将需要更改的身体部分作为第二个参数传递：

function changePart(direction, bodyPart) {
  bodyPart.currNr += direction;

并称之为：

changePart(-1, AvGen.eyes);
于 2013-06-19T21:54:07.107 回答
0

您可以将参数传递给“单击”事件回调，并检查单击了哪个项目。而不是用它来传递你想要的任何东西给'changePart'函数。（您可以读取单击元素中的一些数据，例如将它们传递给您的函数）

prevEyesBtn.on('click', function(e){

    e.currentTarget; // this is the element that was clicked for example
    if (AvGen.eyes.currEyesNr > 0) {
        changePart(-1);
    }
});
于 2013-06-19T21:57:57.957 回答