javascript - ディレクティブを使用した1000レコードの2つのテーブル間のAngular Drag Drop

Question

コードは機能していますが、ドラッグを開始するとヘルパー (クローン) が表示されるまでに時間がかかるという問題があります

インクルード リストとエクスクルード リスト用に 2 つのテーブルがあります。ユーザーは、インクルード テーブルから tr をドラッグして除外できます。また、その逆も可能です。

指令コード:

ドラッグ可能なコード:

.directive('ItemDraggable', function($timeout) {
    return {

        restrict:'A',
        link: function(scope, element, attrs) {    
        var sel=""
        angular.element(".up-table .tr-draggable").draggable({
            //scroll: true,
            helper:function(){
                return jQuery('<div class="up-helper-dragging close-hand"></div>').append("Move: "+jQuery(this).find(".up-username").text());
            },
            revert:"invalid"
        });               

        }
    };
});

ドロップ可能なコード:

.directive('ItemDroppable', function($compile,$filter) {
    return {
        restrict: 'A',
        link: function(scope,element,attrs){
        var _copy = undefined;
        var _copy2 = undefined;
        var i = -1;
        var sel="tr."+attrs.custclass
        var droppableSelector=""
        if(sel.indexOf("include")!=-1)
        {
            droppableSelector=sel.replace("include","exclude")
        }else{
            droppableSelector=sel.replace("exclude","include")
        }
        droppableSelector=droppableSelector+"_droppable"
        if(element.hasClass("up-included-droppable")){
            console.log("included-droppable >>>>>>>",sel)

            angular.element(droppableSelector).droppable({
                activeClass: "up-active-droppable",
                tolerance: "touch",
                accept:sel,
                drop:function(event,ui) {

                }
            });
        }
        else if(element.hasClass("up-excluded-droppable")){
            console.log("excluded-droppable >>>>>>>>>> ",sel)

            angular.element(droppableSelector).droppable({
                activeClass: "up-active-droppable",                
                accept:sel,                    
                drop:function(event,ui) {


                }
            });
        }                       
        }
    };
});