Question

移动时，可移动div显示在另一个块下面。如何让这个div显示在所有其他块之上？

<div class="main-container">
    <div class="some-container"></div>
    <div class="group-container"></div>
</div>

$('.group-container').draggable({
    containment: '.main-container'
});

我有这个问题，因为class =“some-container”：

CSS

position: absolute;
right: 25px;
top: 89px;
width: 260px;
z-index: 1150;
height: 83%;
overflow-x: hidden;
overflow-y: scroll;

我该如何解决这个问题，也许是克隆？

添加了：我这样想：

$('.group-container').draggable({
                containment: 'window',
                onDrag: myHelper,
                zIndex: 9999,
                stop: function(){
                    $(this).remove();
                }
            });

        // Element which created after start dragging
        function myHelper(event, ui){
            var newGroupBlock = $(this).clone().appendTo($(".main-container"));

            return newGroupBlock;
        }

但它不起作用。在我拖着他之后我应该站在那里的那个街区停留在他拖着他的地方，他就消失了......

Answer 1

您可以使用可拖动的start和stop事件将z-index设置为更高/更低。试试这个：

$('.group-container').draggable({
    containment: '.main-container',
    start: function(e, ui) {
        ui.helper.css('z-index', 1200);
    },
    stop: function(e, ui) {
        ui.helper.css('z-index', 1100);
    }
});

移动时，可移动div显示在jQuery中的另一个块下

1 个答案: