jquery - float 可拖动框在调整大小时消失

Question

我正在尝试创建一个 float 窗口，在调整大小时保持在边距内:

您可以查看代码。

http://jsfiddle.net/jxgUU/6/

我该如何实现这个目标？

$(function()
{
    $("#result").draggable();
});    

#result 
{ 
    border:1px solid #000;
    width:375px;
    position:absolute;
    z-index:100;
    left:75%x;
    top:100px;
    margin-left: -10px;     
    margin-top:  -50px;   
    cursor:move;
    color:black;
}

<div id="result"  class="ui-widget-content" >
    <div style="background-color:#096db5;color:white;font-size:9px;text-align:center;">
        click window to drag
    </div>
    <div id="info">
        blah
    </div>
</div>

Answer 1

设置containment选项:

$("#result").draggable({ containment: "window" });

<强> jsFiddle example