最容易实现垃圾的方法

时间:2012-06-30 06:17:11

标签: jquery drag-and-drop

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

我遇到一个帖子在stackoverflow上告诉它,但它没有垃圾功能从可排序列表中删除单个项目,还有我们如何实现可排序列表的大小(这意味着如果我们给5作为大小然后它必须采取5个元素,在第6个元素的下降左右它必须以某种方式警告)

非常感谢任何有关此方面的帮助

问候 布莱泽

1 个答案:

答案 0 :(得分:0)

要仅删除单个项而不是全部项,可以在将其拖回时将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/