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!"); 
     } 
    }); 
});