如何为draggable ui实现jquery堆栈？

Question

为什么以下不起作用...如果我删除堆栈选项，div可以拖动但是它们没有正确堆叠......

$(function() {
    $( ".draggable_div" ).draggable({ stack: ".draggable_div" });
});

任何想法？... ps。 jquery站点上的示例代码也不起作用......虽然这个例子确实有用...... http://jqueryui.com/demos/draggable/#option-stack

我已经尝试了以下这个有效..但我不知道为什么？...如果有人能解释那会很棒......

$(function() {
    $( ".draggable_div" ).draggable({ stack: { group: "*", min: 50 } });
});

亲切的问候J

Answer 1

stack是选择器，"draggable_div"不是有效的选择器（除非您的XML中有<draggable_div>。）

尝试在其前面添加.：

$(function() {
    $( ".draggable_div" ).draggable({ stack: ".draggable_div" });
});

Answer 2

您应该为stack

使用有效的选择器

$(function() {
    $( ".draggable_div" ).draggable({ stack: ".draggable_div" });
});
</script>