移动到顶部功能在kineticJ中不起作用

我正在尝试使用html5-img标记将多个图像加载到画布上
并且图像是可替换的。例如，有5个图像列表图像也是可拖动的
单击某个特定图像将替换同一列表中最后一个上载的图像，
我面临的问题是，当我上传一个新元素时，它会在其他元素之上。点击底部元素，我希望它移动到顶部并拖动。我试着使用名为move-toop的kinetijs函数，但什么也没发生。。我还检查了图书馆，很好
我不能在这里粘贴我的完整代码，因为它太大了
这是我试图添加移动到顶部功能的部分：

          function drawImageOnLayer(layer, img) {
            var x = stage.width / 2 - 100 ;
            var y = stage.height / 2 - 200 ;
            var width = 200;
            var height = 400;
            var kinecticImg = new Kinetic.Shape(function(){
                var context = this.getContext();
                context.drawImage(img, x, y, width, height);
                // draw invisible detectable path for image
                context.beginPath();
                context.rect(x, y, width, height);
                context.closePath();
            });
            // enable drag and drop
            kinecticImg.draggable(true);

不起作用

        kinecticImg.on("mousedown", function(){
            this.moveToTop();
           layer.draw();

结束

        });
            layer.clear();
            layer.add(kinecticImg);
            layer.draw();
        }