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

时间:2013-11-25 05:29:38

标签: javascript jquery jquery-ui jquery-ui-sortable jquery-ui-draggable

我有一些这样的元素:

$("#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();
  });

所以,他们正在拖动这样的Sortables:

$( ".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" );
}
拖动组元素后

,但没有任何变化。

那是解决方案吗?

0 个答案:

没有答案