Jquery UI Droppable無法正常工作，在Firefox和Chrome中出現錯誤？

Question

我正在使用Jquery Ui Draggable和droppable。 Draggable工作正常，項目正在拖動，但由於某些原因，我沒有得到可投入的工作。

如果我在可放置功能中發出警告，則不顯示任何內容。

我正在使用Jquery UI 1.6和jQuery 1.3.2。

這是我使用的代碼：

$(function() { 
     $("div.view-test-attributes .views-view-grid td").draggable({ 
       helper:'clone', 
       cursor:'move' 
      }); 
     $("#ajaxCartUpdate").droppable({ 
      drop: function(e, ui) { 
       alert("Dropped!"); 
      } 
     }); 
    }); 

當我拖累了TD在ajaxCartUpdate DIV我正在控制檯上出現以下錯誤：

在Firefox： F是不確定的

在Chrome中：未捕獲TypeError：無法讀取未定義的屬性'選項'。

僅供參考td實際上在ajaxcartUpdate Div中下降，但我沒有收到警報。

Answer 1

您需要每個選擇器的逗號，在您的情況下，它是選擇器中的「div.view-test-attributes，.views-view-grid，td」。見下面的例子。

$(function() { 

    $("div.view-test-attributes,.views-view-grid,td").draggable({ 
      helper:'clone', 
      cursor:'move' 
     }); 
    $("#ajaxCartUpdate").droppable({ 
     drop: function(e, ui) { 
      alert("Dropped!"); 
     } 
    }); 
});