jquery - 为此实施垃圾的最简单方法

Question

http://jsfiddle.net/fzTak/7/

我在stackoverflow上遇到了一篇文章，但它没有垃圾功能从可排序列表中删除单个项目，以及我们如何实现可排序列表的大小（这意味着如果我们给5作为可排序的大小列表，那么它必须有 5 个元素，在第 6 个元素下降时，它必须以某种方式发出警报）

非常感谢您对此的任何帮助

问候火焰

Answer 1

要仅删除单个项目而不是全部，您可以在将 find(class) 拖回时将其替换为 find(itembeingdragged)：

    $( ".draggable" ).droppable({


        drop: function  (event, ui) {
                          $("#sortable").find(ui.draggable).remove();
        } 

    }); 

当然，这意味着如果您还想要全部删除，则必须单独实施

至于最大数量：一种方法是通过让拖动事件在可拖动对象内返回 false 来停止拖动（基于项目数）

   $( ".draggable" ).draggable({

        connectToSortable: "#sortable",

        helper: "clone",

        revert: "invalid",

        drag: function(){
            var cnt = $("#sortable").find("li").size();
            return cnt < 5;
        }

    });

不知道停止拖动是否可以接受，但我认为这是给定场景中最简单的方法:)

更新的小提琴：http: //jsfiddle.net/fzTak/20/