Jquery 使用查询将元素拖到父div之外

我一直在寻找解决这个问题的方法，但还没有找到解决办法。我在一个可滚动区域内有一个列表，其中有可拖动的元素。我试图将其设置为可以将父div之外的元素拖动到可拖放区域，但当我尝试拖动它时，它似乎只是在父div内移动

.inputs{
                overflow-y: scroll;
                overflow-x:visible;
                height: 100px;
                float:left;
            }
            ul{
                width:50px;
                float:left;
            }
.spaces{
                float:right;
                border: 0px;
                width: 500px;
            }

.spaces td {
                background-color:#666666;
                margin:2px;
                width:184px;
                height: 99px;
                border:0px;
            }

这是可拖放项和可拖放项的代码

$(".inputs li").draggable( {
                                                         opacity: .4,
                                                         create: function(){$(this).data('position',$(this).position())},
                                                         cursorAt:{left:15},
                                                         cursor:'move', 
                                                         revert:function(event, ui) {
                                                         $(this).data("draggable").originalPosition = {
                                                         top: 0,
                                                         left: 0
                                                         };
                                                         return !event;
                                                         },
                                                         start:function(){
                                                            $('.info').css('visibility', 'hidden');

                                                         }
                                                         });

                              $('.spaces').find('td').droppable({
                                                                drop:function(event, ui){
                                                                snapToMiddle(ui.draggable,$(this));
                                                                $(this).droppable('option', 'accept', ui.draggable);
                                                                $(this).css('background-color', 'red');
                                                                },
                                                                out: function(event, ui){
                                                                $(this).droppable('option', 'accept', '.inputs li');
                                                                $(this).css('background-color', '#666');
                                                                }  
                                                                });

                              }); 

一,
二,
三,
四,
五,
六,
七,
八,
九,

创建可拖动文件时使用参数。比如：

$(".inputs li").draggable({
 containment: "document"
 ....
});

有关更详细的文档：

$(".inputs li").draggable({
 containment: "document"
 ....
});