jquery ui 贪婪不能正常工作

Question

所以我想要做的是将一个项目（菱形项目）放置在 droppable 中，并且该项目会创建 2 个 sub-droppables 来放置项目，但事情是我似乎无法得到“贪婪”功能与生成的droppables一起工作。目前我只在第二个项目上测试它 - 生成时的左侧。
我的My jsFiddle 。
这是主要的放置区。

            $(".objects").droppable({
            accept: "#block",
            drop: function (ev, ui) {
                $(".test").append('Dropped!');
            }});

这是子放置区。下降时应该出现 Dropped123！在底部代码段中。

          $(".true").droppable({
                greedy:true,
                accept: "#block",
                drop : function (ev, ui) {
                    $(".test").append('Dropped123!');


                }
            });

Answer 1

您的问题是您试图在实际拥有元素之前绑定 droppable，我已经更改了您的小提琴，所以现在您将事件绑定到实际元素： http://jsfiddle.net/L22d4x2x/7/

                var divTrue = $('<div class="true n_block'+ cloneCount1 +'"></div>');
                $(".n_block"+ cloneCount1 ).append(divTrue); 
                divTrue.droppable({
                    greedy:true,
                    accept: "#block",
                    drop : function (ev, ui) {debugger;
                        $(".test").append('Dropped123!');

                    }
                });