JQuery droppable和大型表

Question

我想優化頁面上的響應時間與「大」的表，這是一個jQuery的droppable，接受〜6 draggables。與其他人一樣，我在製作每個可投入的應用程序時都看到了糟糕的響應時間。我讀過this post和this post，但我似乎無法讓我的代碼正常工作。

我的基本問題是我不知道如何獲取可拖動元素的引用。看來我能訪問的唯一元素是實際的可拖動元素。

下面是我定義我的jQuery代碼：

$("#grid table").droppable({ 
        //disabled: 'true', 
        //activate: function (event, ui) { 
        //   console.log("Activated table") 
        //}, 
        //over: function (event, ui) { 
         //  console.log("Dragged over") 
        //}, 
        //activeClass: "ui-state-default", 
        //hoverClass: "ui-state-hover", 
        accept: ":not(.ui-sortable-helper)", 
        tolerance: 'pointer', 
        drop: function(event, ui) { 
          console.log("draggable DROPPED!!!"); 
          //$(this).animate({ backgroundColor: ui.draggable.attr("colorValue") }, 250); 
          var cell = document.elementFromPoint(event.pageX - $(window).scrollLeft(), event.pageY - $(window).scrollTop()); 

          console.log('Dropped cell is'+cell); 
          console.log(ui.position) 
          console.log(ui.offset) 
          console.log(document.elementFromPoint(ui.position.left, ui.position.top)) 
          $(cell).animate({ backgroundColor: ui.draggable.attr("colorValue") }, 250); 

          console.log('Setting background to:'+ui.draggable.attr("colorValue")); 
        } 

你可以提供任何幫助深表感謝。

Answer 1

$（本）在下降：函數（事件，UI）是指可拖動滴入