Jquery 浮动可拖动框在调整大小时消失

我正在尝试创建一个浮动窗口，该窗口在调整大小时保持在边距内：

你可以查看代码

我如何做到这一点

$(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>

$（函数（）
{
$（“#结果”）.draggable（）；
});    
#结果
{ 
边框：1px实心#000；
宽度：375px；
位置：绝对位置；
z指数：100；
左：75%x；
顶部：100px；
左边距：-10px；
利润上限：-50px；
光标：移动；
颜色：黑色；
}
单击窗口进行拖动
废话

设置选项：

设置选项：

---

我终于找到了一个脚本，当它碰到边距时会自动将方框居中 关于调整大小

资料来源：

这是最终代码：

$(window).resize(function(){
    $("#result").position({
        of: "#wrapper",
        my: "center  middle",
        at: "center middle",    
        collision: "fit flip"
    })//$("#result").position({
 });//$(window).resize(function(){

---

我终于找到了一个脚本，当它碰到边距时，它会自动将方框居中 关于调整大小

资料来源：

这是最终代码：

$(window).resize(function(){
    $("#result").position({
        of: "#wrapper",
        my: "center  middle",
        at: "center middle",    
        collision: "fit flip"
    })//$("#result").position({
 });//$(window).resize(function(){

---

我想我们需要更多的信息。另外，我假设您的小提琴应该使用jQueryUI（像这样），您正在为您的

可拖动的
设置
position:absolute
。我认为这不会起作用…@Inrbob-我将Jquery UI包含在中-但它不会保存在JSFIDLE中。。。。假设draggable正在工作。。。我只是不知道如何让盒子保持在它的边界内…@Lee Taylor-如果我这样做，它就会从屏幕上消失。。。当我真的找到它并点击它时，盒子就会移开。固定、继承等。所有操作都与绝对操作相同。我想我们需要更多信息。另外，我假设您的小提琴应该使用jQueryUI（像这样），您正在为您的
可拖动的
设置
position:absolute
。我认为这不会起作用…@Inrbob-我将Jquery UI包含在中-但它不会保存在JSFIDLE中。。。。假设draggable正在工作。。。我只是不知道如何让盒子保持在它的边界内…@Lee Taylor-如果我这样做，它就会从屏幕上消失。。。当我真的找到它并点击它时，盒子就会移开。固定、继承等。所有操作都与绝对相同。谢谢。太好了。但是我仍然有调整大小的问题。在演示中没有发生什么你需要发生的事情？当我调整窗口大小时，框是隐藏的。我希望它能被看到。谢谢。太好了。但是我仍然有调整大小的问题。在演示中没有发生什么你需要发生的事情？当我调整窗口大小时，框是隐藏的。我希望它是可视的。