Javascript 使用jQuery在边界内拖动图像
我试图使用jQuery在边界中拖动图像，但只能垂直拖动。如何在边界内自由拖动它Javascript 使用jQuery在边界内拖动图像,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我试图使用jQuery在边界中拖动图像，但只能垂直拖动。如何在边界内自由拖动它 $（“#地图”）.draggable({ 遏制：“家长” }); 我只能垂直拖动它 这是因为div元素是块级元素，其宽度为父元素的100%。由于#map元素与#parent元素具有相同的宽度，因此无法垂直拖动它 如何在边界内自由拖动它 如果希望#map元素具有基于子img元素的宽度，只需将元素的显示更改为内联块，使其具有宽度 更新示例： $（“#地图”）.draggable({ 遏制：“家长” }); #父级
$（“#地图”）.draggable({
遏制：“家长”
});
我只能垂直拖动它
这是因为div
元素是块级元素，其宽度为父元素的100%
。由于#map
元素与#parent
元素具有相同的宽度，因此无法垂直拖动它
如何在边界内自由拖动它
如果希望#map
元素具有基于子img
元素的宽度，只需将元素的显示更改为内联块
，使其具有宽度
更新示例：
$（“#地图”）.draggable({
遏制：“家长”
});
#父级{
宽度：800px；
高度：700px；
边框：1px实心；
}
#地图{
显示：内联块；
}
#映射img{
宽度：500px；
高度：350px；
}