jquery ui可拖动的z-index问题

下面是我将表格行绑定为可拖动的代码。但拖动项目出现在分离器下方（http://methvin.com/splitter/splitter.js）此问题似乎与z-index一致。我尝试了多种方式来设置拖动项目的z-index。但是，这似乎并不奏效。当鼠标悬停在桌子上时触发bindDragAndDrop方法。有人能指出我可能会遇到什么问题吗？jquery ui可拖动的z-index问题

function bindDragAndDrop(){ 

    var table = $('TABLE .dataTable'); 
     table.find('TR TD.columnClass').bind('mousedown', function() { 
      table.disableSelection(); 
     }).bind('mouseup', function() { 
      table.enableSelection(); 
     }).draggable({ 
     helper: function(event) { 
     return $('<div div="dragDiv" class="drag-table-item"><table></table></div>').find('table').append($(event.target).closest('tr').clone()) 
.end().insertAfter(table); 
      }, 
      cursorAt: { 
       left: -5, 
       bottom: 5 
      }, 
      cursor: 'move', 
      distance: 10, 
      delay: 100, 
      scope: 'cart-item', 
      revert: 'invalid' 
     });   
}

来源

2012-07-07 Ayub

你好，这是很难帮助你没有一个活生生的例子。你可以使用以下设置你的问题：http://jsfiddle.net？几个星期前我遇到了这样的问题，并且我使用一个自定义帮助器设置了最大的页面z-index – sdespont 2012-07-07 17:05:32

我试图设置zIndex多种方式，它不工作。如下图所示的appendTo（“身体”）解决这个问题

return $('<div class="drag-table-item"><table></table></div>').find('table').append($(event.target).closest('tr').clone()).end().insertAfter(table).appendTo("body");

来源

2012-07-14 09:34:56 Ayub

谢谢，这为我解决了类似的问题。这是一个黑客，因为我真的不明白它... – 2015-09-22 12:49:51

jquery ui可拖动的z-index问题

回答

相关问题