Jquery 聚焦图像的某一部分
我已经使用jQueryUI draggable在div中创建了一个可拖动的图像。我想使用一个按钮将焦点放在可拖动图像的特定区域上，该按钮具有特定区域的坐标Jquery 聚焦图像的某一部分,jquery,jquery-ui-draggable,imagemap,Jquery,Jquery Ui Draggable,Imagemap,我已经使用jQueryUI draggable在div中创建了一个可拖动的图像。我想使用一个按钮将焦点放在可拖动图像的特定区域上，该按钮具有特定区域的坐标数据坐标。有什么建议吗 $（“#内部”）.draggable({ 包含：$（“#内容”） }); #包装器{ 宽度：400px； 高度：400px； 溢出：隐藏； 位置：相对位置； } #内容{ 位置：绝对位置； 顶部：-4252px； 左：-3600px； 宽度：7600px； 高度：8904px； } #内在的{ 位置：绝对位置； 宽度：
数据坐标$（“#内部”）.draggable({
包含：$（“#内容”）
});
#包装器{
宽度：400px；
高度：400px；
溢出：隐藏；
位置：相对位置；
}
#内容{
位置：绝对位置；
顶部：-4252px；
左：-3600px；
宽度：7600px；
高度：8904px；
}
#内在的{
位置：绝对位置；
宽度：4000px；
高度：4652px；
顶部：4252px；
左：3600px；
}
#getArea{
利润率：10px0；
填充物：5px；
}
getArea
可拖动库只需将一个绝对定位的元素放在其上设置了溢出：隐藏的的元素中。因此，当单击按钮将其移动到所需位置时，您可以简单地对#internal
的左
和顶
位置设置动画。试试这个：
let$inner=$（“#inner”）.draggable({
包含：$（“#内容”）
});
$（'#getArea'）。在（'click'，function（）上{
$inner.animate({
左：2675，
顶部：3235
});
});
#包装器{
宽度：400px；
高度：400px；
溢出：隐藏；
位置：相对位置；
}
#内容{
位置：绝对位置；
顶部：-4252px；
左：-3600px；
宽度：7600px；
高度：8904px；
}
#内在的{
位置：绝对位置；
宽度：4000px；
高度：4652px；
顶部：4252px；
左：3600px；
}
#getArea{
利润率：10px0；
填充物：5px；
}
getArea