jQuery可排序逻辑

利用这个想法，我每轮有4个插槽（多轮，分页）。从人员列表中拖动时，我希望替换占位符并将列表中的项目数限制为4。

那么，使用连接的可排序列表还是定制可拖动的可拖放插件更好呢

我可以获得基本信息，但我很难让这种感觉正确，因为它太像jQuery UI可排序列表了，而且没有放入插槽/替换选择占位符

---

建议

更新

  var sorting = false;
  var pickArray = [];
  $('.picks-group li').each(function(){
      pickArray.push($(this).text());
  });
  $('.picks-group li').droppable({
      drop: function (event, ui) {
          if(!sorting)
              $(this).text(ui.helper.text()).addClass('done');
      }
  });
  $('#players-list li').draggable({
      helper: 'clone',
      revert: 'invalid'
  });
$('.picks-group').sortable({
     start: function (event, ui) {
         sorting = true;
      },
      stop: function (event, ui) {
          sorting = false;    
      },
      change: function (event, ui) {
          $(this).find('li').not('.ui-sortable-helper').each(function(index){
              if(!$(this).hasClass('done'))
                  $(this).text(pickArray[index]);
          });
      }
});
$('.picks-group li').mousedown(function(){
    if(!$(this).hasClass('done'))
        return false;
});

例如：

---

提供小提琴上的朋友这是我目前所拥有的一切…我愚弄了在下降时移除，但无法让替换者工作…所以如果我将Tom拖动到10点拾取1下方，您希望

10点拾取1

消失并

Tom

出现在其位置吗？你想让左边的汤姆消失吗？等我不确定您想要完成的一切，但如果您只是在更换东西，我建议您只使用可拖放的

ui

。但是，如果您有子菜单，或者希望在拖动时看到项目移动到位。。那么可排序就有意义了。。我想我仍然没有一个好主意在我的脑海里你试图完成什么。球员名单需要是静态的和克隆的。任何玩家都应该完全替换“点数”占位符。这说明了吗？是的。我会贴一把小提琴，看看这是否是你想要的。太棒了，特雷弗……还有两个问题。1） “Picks”占位符不应该是可排序的…这增加了另一个困难，因为一旦您在位置2中获取某个内容并移动到位置3（在已排序的一侧），我需要占位符返回…我正在处理备用代码…如果我弄明白了，我会通知您。@KevinBrown检查我的更新。。我只是想用我现有的小提琴解决你提到的两个问题。很好，特雷弗。我想我可以自己解决剩下的问题。特雷弗，我唯一想做的另一件事是在开始和停止时启动css3动画…在知道如何应用于拖动时的克隆对象时遇到困难。看起来不错。可以调用已经制作好的css动画吗？例如，animate.css中的“脉冲”动画