Javascript 动态生成元素的Jquery ui连接不起作用

我有一些类似的元素：

$("#select_h").draggable({
  connectToSortable:".group",
  helper: "clone",
  revert:"invalid"
});
$("#datepick_h").draggable({
  connectToSortable:".group",
  helper: "clone",
  revert:"invalid"
});
$("#group").draggable({
  connectToSortable:".group, .fc",
  helper: "clone",
  revert:"invalid",
  stop: function() {
    updateConnections();
  });

$( ".group" ).sortable({
  connectWith:".group",
  receive: function(event,ui) {
    $(newItem).css("color","cyan"); 
  },
  beforeStop: function (event, ui) { 
    newItem = ui.item;
  }
}).disableSelection();  

因此，它们将拖动到如下所示的排序表：

$("#select_h").draggable({
  connectToSortable:".group",
  helper: "clone",
  revert:"invalid"
});
$("#datepick_h").draggable({
  connectToSortable:".group",
  helper: "clone",
  revert:"invalid"
});
$("#group").draggable({
  connectToSortable:".group, .fc",
  helper: "clone",
  revert:"invalid",
  stop: function() {
    updateConnections();
  });

$( ".group" ).sortable({
  connectWith:".group",
  receive: function(event,ui) {
    $(newItem).css("color","cyan"); 
  },
  beforeStop: function (event, ui) { 
    newItem = ui.item;
  }
}).disableSelection();  

所有工作，但拖动的组不接收元素，工作方式与第一次构建页面时创建的组不同

尝试更新连接：

function updateConnections() {
   $("#select_h").draggable( "option", "connectToSortable", ".group" );
   $("#datepick_h").draggable( "option", "connectToSortable", ".group" );
   $("#group").draggable( "option", "connectToSortable", ".group, .fc" );
   $(".group").sortable( "option", "connectWith", ".group" );
}

拖动组元素后，但没有任何更改

---

这就是解决方案？

能否显示您的工作代码？