1

下面是我将表格行绑定为可拖动的代码。然而，拖动的项目出现在拆分器下方 ( 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'
        });         
 }
4

1 回答 1

2

我尝试以多种方式设置 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");
于 2012-07-14T09:34:56.650 回答