Javascript easelJS-创建带有图像的按钮

我正在尝试用easelJS创建一个带有图像的按钮

我试着按照这里的指示： 但我不知道我的代码出了什么问题

var stage = new createjs.Stage(canvas);
stage.enableMouseOver();
var data = {
    images: [_imgLoaded],
    frames: { width: 100, height: 50},
    animations: { normal: [0], hover: [1], clicked: [2] }
};
var spriteSheet = new createjs.SpriteSheet(data);
var button = new createjs.Sprite(spriteSheet);
var helper = new createjs.ButtonHelper(button, "normal", "hover", "clicked");

// the code block in this helper.addEventListener (It works with button.addEventListener)
helper.addEventListener("click", handleClickPlayAgain);
button.x = posX;
button.y = posY;
button.gotoAndStop("normal");
stage.update();

未在画布上显示_imgLoaded，代码在此失败：

helper.addEventListener

你有什么想法，如何创建一个按钮与图像与easelJS请

---

谢谢

我这么做了，很抱歉，我之前在代码中犯了一个错误，按钮工作正常，如链接（btools.eu）所示。 我使用的是多个画布，点击只在z索引较高的画布上捕捉。 我在另一张画布上换了电话，效果很好

我使用了最新的easeljslib0.7.1 atm。

---

感谢您的所有回答

我正在尝试创建这样的代码：但当我在本地尝试此代码时，单击不起作用。。。我不明白为什么。您在

帮助程序.addEventListener

行上出现了什么错误？还请包括您正在使用的版本。作为您的注释，您应该向按钮实例而不是帮助程序添加事件。助手仅为您管理状态，因为ButtonHelper不是EventDispatcher。您能显示加载映像的代码吗？如果尚未加载图像，则在更新阶段时将不会显示图像。