jQuery:将元素放在另一个元素中包含的元素中

时间:2014-07-10 08:26:44

标签: javascript jquery drag-and-drop droppable

我的jQuery中的droppable模块有问题。我想在一个具有“rect”类的矩形上放一个矩形(id =“drag”)。但是这些绿色长方形是一个div女巫有身份“身体”。我不能给你一张照片,但它看起来像那张照片:

Algorithm needed for distributing rectangles evenly within another rectangle

但是,当我这样做时,我可以看到当我放在灰色矩形上时的消息:

$(function(){

    $('#drag').draggable({});

});
$('#body').droppable({
    drop : function(){
        alert('Action terminée !'); // I can see the message !
    }

但是当我这样做时......没有任何补充:

$(function(){  
        $('#drag').draggable({});

    });
    $('.rect').droppable({ // Here is the difference
        drop : function(){
            alert('Action terminée !'); // I can't see the message !
        }

我的问题是为什么?怎么做才能做我想做的事情? 非常感谢。

1 个答案:

答案 0 :(得分:0)

您是否已经尝试将.draggable()和.droppable()写入$(function(){}),其他话,onDomReady事件?我的第一个猜测是。当你试图让它成为可放置的那一刻时,不存在。当#body确实存在时。

(PS:本来是这样而不是回答,但我很新,所以我的声誉不高,无法发表评论)