Jquery Dragable连接到Dropable，然后从其他地方拖动

我把一个元素放在了可放置区域，它连接到了可放置区域，然后它应该只放在那里，但是这个元素是从屏幕的顶部来的

$('.fr12drag').draggable({ 
    containment: ".class",
    revert: true,           
    revertDuration: 400,
    drag: function(event, ui){
        $('#id').hide();
    }
});

$('.fr12drop').droppable({
    drop: function(event,ui) {
        ui.draggable.detach().appendTo($(this));
        var left = 0, top = 0;

        left =  parseInt($(this).css("left"))
        top = parseInt($(this).offset().top);

        ui.draggable.css('cursor', 'auto');
        ui.draggable.position({
            my: "center",
            at: "center",
            of: $(this),
            using: function(pos) {
                $(this).animate(pos, "fast", "linear");
            }
        }); 
    }       
});

这是我加的那句话

可以在下面的链接中查看参考。

---

显示代码以便我们查看。这是我添加@SorangwalaAbbasaliShow您的完整代码的唯一一行。我在jquery示例中添加了我的完整代码@M.Wiśnickitry