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 に答える