jquery ui贪婪不能正常工作

时间:2015-09-21 17:34:25

标签: javascript jquery-ui

所以我试图做的是将一个项目(钻石形状的项目)放在droppable中,该项目创建2个子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!');


                }
            });

1 个答案:

答案 0 :(得分:0)

你的问题是你在实际拥有元素之前尝试绑定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!');

                    }
                });
相关问题