首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery可排序逻辑

jQuery可排序逻辑
EN

Stack Overflow用户
提问于 2014-02-14 18:08:44
回答 1查看 245关注 0票数 2

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

那么,使用连接的可排序列表还是自定义可拖动的可下垂插件更好呢?

我可以获得基本知识,但我很难让这种感觉正确,因为它只是感觉太像jQuery-UI可排序列表,而不是掉进插槽/替换选择占位符.

建议?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-14 21:08:28

更新的

代码语言:javascript
运行
复制
  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;
});

示例:

小提琴

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21786512

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档