Question

我正在尝试使用EaselJS制作纸牌游戏。尝试将对象类添加到它看起来的阶段时，我收到Uncaught TypeError: child.dispatchEvent is not a function EaselJS错误。我正在使用jQuery，但我已按照this SO post删除了jQuery冲突：

    <script src="lib/jQuery.js"></script>
    <script>jQuery.noConflict();</script>

我也在使用RaphaelJS，但我正在逐步淘汰它。我认为这个库可能也是一个冲突，所以我只是完全删除了jQuery和raphaelJS包含，但仍然有同样的错误。

代码段：

this.tableCanvas = new createjs.Stage('Table');

function createDeck () {

        for (var i = 0; i < suits.length; i++) {
                for (var j = 0; j < values.length; j++) {
                    var card_data = { ... };
                    var card = new Card(this.tableCanvas, card_data);
                    ...
                }
         }
         this.tableCanvas.update();

卡类：我是控制台记录canvas以确保我没有丢失上下文，事实上它正在记录正确的Stage对象。

var Card = function(canvas, args) {

    var graphics = new createjs.Graphics();
    graphics.beginStroke("red").beginFill("blue").drawRect(20, 20, 100, 50);
    this.shape = new createjs.Shape(graphics);
    this.set = new createjs.Container();
    this.set.addChild(this.shape);
    this.set.x = this.x;
    this.set.y = this.y;
    console.log('canvas', canvas);  //outputs createJS Stage object
    canvas.addChild(this); //Error seems to be because of this

我也尝试在创建循环中添加卡片：

for ...
     for ...
         var card = new Card(this.tableCanvas, card_data);
         this.tableCanvas.addChild(card); 
     }
}

同样的错误。

HTML片段：

<body>
    <div id="GameBoard">
        <canvas id="Table" width="1000" height="1000"></canvas>
    </div>
</body>

错误：createjs-2015.11.26.combined.js：7322

p.addChild = function(child) {
    if (child == null) { return child; }
    var l = arguments.length;
    if (l > 1) {
        for (var i=0; i<l; i++) { this.addChild(arguments[i]); }
        return arguments[l-1];
    }
    if (child.parent) { child.parent.removeChild(child); }
    child.parent = this;
    this.children.push(child);
    child.dispatchEvent("added"); //ERROR HERE
    return child;
};

Answer 1

我认为这是因为您正在向舞台添加Card实例。舞台儿童需要是DisplayObjects。您应该将this.set添加到canvas。

我也建议你采用第二种方法。

this.tableCanvas.addChild(card.set);

未捕获的TypeError：child.dispatchEvent不是函数EaselJS

1 个答案: