如果您查看我的网站here,当您尝试发布标记(右侧按钮)时,您可以移动它,所有内容和信息部分(包含表单)都随之而来。这两部分(选择和形式)在容器内。我将容器的宽度设置为选择框的宽度,以便您可以拖动它以使表单离开图片,但选择必须保留在图像内。
问题在于,当您调整图像大小时,不仅表单不会保留在选区的右侧,而且您可以将部分选区拖到图像外部(因为它仍然指的是原始图像)大小)
实现我想要的功能的最佳方法是什么?我只是希望能够允许用户拖动标签并使其任意大小,只要它保持在图像内。表单部分应该可以去任何地方,只要它总是附在右边。
这是我目前用于拖动和调整大小的jQuery:
$(document).ready(function() {
$("#cap_selec_container").draggable({
containment : "#center_frame"
});
$("#caption_selection").resizable({
containment : "#center_frame"
});
});
如果你有任何想法如何解决这个问题,请帮助我!