2015-10-13 4 views
0

Я хотел бы переместить перетаскиваемый элемент на верхний слой, когда он перемещается.Настройка zindex с помощью createjs

Как я могу убедиться, что он не перетаскивается под другим объектом.

Могу ли я установить, что когда-либо «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; 

      }); 

ответ

1

Добавить this.css('z-index','500') к вашему ('mousedown') вызову.

+0

'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')}); 'that didnt work hmmmm – CsharpBeginner

+0

Хмм. Теперь я вижу, что sequenceNumbers является объектом JS. Вам нужно будет применить этот z-индекс к перемещаемому объекту html. Я не знаю createJS, или я попытаюсь предложить больше. Извиняюсь. –

+0

Спасибо, что попробовали – CsharpBeginner

Смежные вопросы