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

-2

移动时，可移动div显示在另一个块下。如何让这个div出现在所有其他块的顶部？移动时，可移动div显示在jQuery中的另一个块下

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

$('.group-container').draggable({ 
    containment: '.main-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; 
     }

但它不工作。我拖后留下的区块放在我拖着他的地方，然后他消失...

来源

2014-11-21 miriam

更改z-index比你的其他块更高？ – Grice 2014-11-21 14:28:34

可能是'overflow-x：hidden;'是一个问题。尝试删除此。 – 2014-11-21 14:29:49

我在尝试，但它不起作用 – miriam 2014-11-21 14:30:08

您可以使用可拖动的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); 
    } 
});

来源

2014-11-21 14:30:03

不工作！另外，如果我设置了3000 z-index – miriam 2014-11-21 14:34:44

您可以在http://jsfiddle.net中创建一个问题的工作示例吗？ – 2014-11-21 14:35:06

不是，因为它是一个大结构的大项目。我可以写，如果你想要一些属性或其他人 – miriam 2014-11-21 14:39:05

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

回答

相关问题