在jqgrid的桌子后面的可拖动助手

Question

我一直在使用Jquery Draggable为JqGrid.But实现的行，当拖动项目时，Drag Helper不会超出表格边界。我可以放弃这个项目。但是在拖动过程中，Helper项目没有显示在表格之外。

如何才能在JqGrid表格上显示Helper？

代码段： -

$(document).ready(function(){       
    var dragText='';
    $("#list2 tr").draggable({                  
            helper:helpText,
            cursor : 'move',
            revert : 'invalid'
    });
    function helpText(){
            $("#tree li span").droppable();
            console.log('drag');
           dragText=$(this).find("td:nth-child(5)").text();
            return'<div id="draggableHelper">' + dragText + '</div>';
    };
});

Answer 1

您需要将辅助div添加到html正文（或您想要的任何其他收容区域），以便它可以在收容区域的任何位置浮动。

示例代码：

$("#list2 tr").draggable({
    helper: function () {
        return jQuery(this).clone().appendTo('body').css({
            'zIndex': 5
        });
    },
    cursor : 'move',
    revert : 'invalid'
})