jquery ui可拖动的z索引问题

Question

下面是我将表行绑定为可拖动的代码。但是，拖拽的项目显示在拆分器(http://methvin.com/splitter/splitter.js)的下方。此问题似乎与z-index有关。我尝试了多种方法来设置拖拽项的z-index。然而，这似乎不起作用。当鼠标悬停在表格上时，将触发bindDragAndDrop方法。有人能告诉我这可能是什么问题吗？

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'
        });         
 }

Answer 1

我尝试了多种方式设置zIndex，但都不起作用。如下所示，appendTo("body")解决了此问题

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