Javascript Jquery UI:可拖动拖动事件不工作

我试图在一个可拖动（）上启动“拖动”，但拖动它时什么也没发生？ 这是我的代码：

  $('.agenda-cloned-object').draggable({
   drag: function( event, ui ) {},
   cursor: "move",
   revert: "invalid",
  });

  $( ".agenda-cloned-object" ).on( "drag", function( event, ui ) { console.log("TEST") } );

---

编辑：在克隆的可拖动设备上，拖动事件似乎不起作用，是否对此进行了修复？

我可以看到在OSX上的Chrome v60中触发的事件：

类名“clone”意味着您的原始代码更加复杂。我鼓励您尝试将问题归结到尽可能小的程度，并在JSFIDLE中进行复制和共享

此外，您将两次声明事件处理程序。你可以这样做：

$('.agenda-cloned-object').draggable({
   drag: function( event, ui ) { console.log("TEST") },
   cursor: "move",
   revert: "invalid",
});

---

我可以在OSX上看到Chrome v60中触发的事件：

类名“clone”意味着您的原始代码更加复杂。我鼓励您尝试将问题归结到尽可能小的程度，并在JSFIDLE中进行复制和共享

此外，您将两次声明事件处理程序。你可以这样做：

$('.agenda-cloned-object').draggable({
   drag: function( event, ui ) { console.log("TEST") },
   cursor: "move",
   revert: "invalid",
});

---

能否在代码段中添加相关代码？console中是否有错误？

.on（）

绑定事件处理程序。若要以编程方式触发事件，请使用

.trigger（）

我没有错误，并且可拖放文件旁边没有其他代码。克隆元素后实例化可拖放文件。是否可以在代码段中添加相关代码？console中是否有错误？

。on（）

绑定事件处理程序。要以编程方式触发事件，请使用

.trigger（）

I无错误，并且可拖放文件旁边没有其他代码。克隆元素后，实例化可拖放文件。