Javascript 第一次尝试中的Jquery可拖动跳转容器

我使用jQueryUI在代码中创建一个可拖动的弹出窗口

在第一次拖动中，弹出窗口跳到左上角

$（“.box”）.css（{“top”：0，
“底部”：0，
“左”：0，
“右”：0，
“保证金”：“自动”
});
$（“.box”）.draggable（）
.box{
左：0px；
顶部：0px；
右：0px；
底部：0px；
宽度：150px；
高度：150像素；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
这是因为您正在将其位置设置为
0,0
删除CSS位置将解决您的问题


/*$（“.box”）.css（{“top”：0，
“底部”：0，
“左”：0，
“右”：0，
“保证金”：“自动”
});*/
$（“.box”）.draggable（）
.box{
/*左：0px；
顶部：0px；
右：0px；
底部：0px*/
浮动：左；
保证金：自动；
宽度：100px；
高度：100px；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
这是因为您正在将其位置设置为
0,0
删除CSS位置将解决您的问题


/*$（“.box”）.css（{“top”：0，
“底部”：0，
“左”：0，
“右”：0，
“保证金”：“自动”
});*/
$（“.box”）.draggable（）
.box{
/*左：0px；
顶部：0px；
右：0px；
底部：0px*/
浮动：左；
保证金：自动；
宽度：100px；
高度：100px；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
您需要在代码中包含
jqueryUI


$（“.box”）.css（{“top”：0，
“底部”：0，
“左”：0，
“右”：0，
“保证金”：“自动”
});
$（“.box”）.draggable（）
.box{
左：0px；
顶部：0px；
右：0px；
底部：0px；
宽度：150px；
高度：150像素；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
您需要在代码中包含
jqueryUI


$（“.box”）.css（{“top”：0，
“底部”：0，
“左”：0，
“右”：0，
“保证金”：“自动”
});
$（“.box”）.draggable（）
.box{
左：0px；
顶部：0px；
右：0px；
底部：0px；
宽度：150px；
高度：150像素；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
正如@Rohan Kumar正确指出的，这是因为您的CSS设置不正确，但他的解决方案会将您的.top和.left保留在0px

你为什么要设置CSS呢？我猜是因为你想把它从某个地方拖走。编辑.css文件以通过以下方式完成：


$（“.box”）.draggable（）
.box{
左：100px；
顶部：100px；
宽度：150px；
高度：150像素；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
正如@Rohan Kumar正确指出的，这是因为您的CSS设置不正确，但他的解决方案会将您的.top和.left保留在0px

你为什么要设置CSS呢？我猜是因为你想把它从某个地方拖走。编辑.css文件以通过以下方式完成：


$（“.box”）.draggable（）
.box{
左：100px；
顶部：100px；
宽度：150px；
高度：150像素；
盒影：插入0 20px；
位置：固定；
}
#安全壳包装{
宽度：300px；
高度：300px；
}
**它将移到左上角，因为您已将css属性top和left设置为“0”，因此它移到那里只是删除该.css方法，然后您可以正常拖动它
**
**它将移到左上角，因为您已将css属性top和left设置为“0”，因此它移到那里只是删除该.css方法，然后您可以正常拖动它
**
你能帮我解决这个问题吗。。。这里是可复制链接的问题，可以在这方面提供一些帮助。。。这是可复制链接的问题