【问题标题】:Adjusting zindex with createjs使用 createjs 调整 zindex
【发布时间】:2015-10-13 17:43:21
【问题描述】:

我想将拖动的项目移动到顶层。

如何确保它不会被拖到另一个对象下。

我可以设置任何被选中的“sequenceNumbers”以移动到排序顺序的顶部吗?

 //++++++++          Terms to sort            ++++++++++++++++
        var xOffset = 100;
        for (var a = 0; a < gameData.Terms.length; a++) {
            rect = new createjs.Shape();
            rect.graphics.beginFill("blue").drawRoundRect(0, 0, 350, 30, 8);
            rect.name = a;

            var name = new createjs.Text(gameData.Terms[a].Definition, "14pt arial bold", "white");
            name.id = gameData.Terms[a].Name;
            name.textAlign = "left";
            name.y = rect.y + 2;
            name.x = rect.x + 4;

            var sequenceNumbers = new createjs.Container();

            sequenceNumbers.landingSpot = landingSpots[a];
            landingSpots[a].sequenceNumber = sequenceNumbers;

            sequenceNumbers.addChild(rect, name);
            stage.addChild(sequenceNumbers);
            sequenceNumbers.x = 300;
            sequenceNumbers.y = xOffset;
            xOffset += 40;

            var startPositionX;
            var startPostitionY;

 sequenceNumbers.on('mousedown', function (e) {
                var posX = e.stageX;
                var posY = e.stageY;
                startPositionX = e.stageX;
                startPositionY = e.stageY;
                this.offset = { x: this.x - posX, y: this.y - posY };

            });

 sequenceNumbers.on("pressmove", function (evt) {
                evt.currentTarget.x = evt.stageX;
                evt.currentTarget.y = evt.stageY;
                var posX = evt.stageX;
                var posY = evt.stageY;
                this.x = posX + this.offset.x;
                this.y = posY + this.offset.y;

            });

【问题讨论】:

    标签: javascript html drag-and-drop z-index createjs


    【解决方案1】:

    在您的('mousedown') 通话中添加this.css('z-index','500')

    【讨论】:

    • sequenceNumbers.on('mousedown', function (e) { var posX = e.stageX; var posY = e.stageY; startPositionX = e.stageX; startPositionY = e.stageY; this.offset = { x: this.x - posX, y: this.y - posY }; this.css('z-index', '500') }); 那没用嗯
    • 嗯。我现在看到 sequenceNumbers 是一个 JS 对象。您需要将该 z-index 应用于要移动的 html 对象。我不知道 createJS 或者我会尝试提出更多建议。道歉。
    • z-index 在 EaselJS 显示列表中不存在。如果你想要它在顶部,只需再次 addChild() ,它将把它放在容器/舞台的子列表的顶部。
    • 我试图 stage.adchild(sequenceNumbers);在我的 pressmove 和 mousedown 中并没有成功。我将如何正确应用该代码?
    • 看起来sequenceNumbers 是一个容器,所以如果你想将它的一个子元素排在最前面,请使用sequenceNumbers.addChild(evt.currentTarget);
    猜你喜欢
    • 2016-06-28
    • 1970-01-01
    • 2021-08-26
    • 1970-01-01
    • 2015-05-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多