可拖动的助手在 jqgrid 中的表后面

Question

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

我怎样才能在 JqGrid 表的顶部显示 Helper？

代码sn-p:-

$(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'
})