Приветствую всех!
Делаю шахматы на js. Для перетаскивания фигур, использую библиотеку ui а именно функцию draggable. И проблема заключается в том что при перетаскивании фигуры, она не видна в случае когда мы ее наводим на соседнею фигуру. То есть первая уходит под все остальные, вторая показывается над первой (как мне и нужно), но скрывается под всеми остальными, и т.д. А последняя как и нужно всегда показывается над всеми.
Смотрел документацию, пробовал применить:
$(".selector").draggable({ stack:".draggable" });
Пробовал:
$(".selector").draggable({ zIndex:5 });
Пробовал в лоб:
function setDraggable(){
$('.figure').draggable({
start: function() {
$('.figure').css('z-index',2);
$(this).css('z-index',999);
},
stop: function() {
//cod
}
});
}
Но индекс к перетаскиваемой фигуре не применяется. Позиционирование блокам задано, консоль показывает у всех дивов с фигурами z-index: 2, у захваченной фигуры z-index: 2, но она все равно скрывается за фигурами следующими за ней.
Подскажите в чем может быть проблема.