function makeResourceDrag(arrIndexID) { $('#imgA' + arrIndexID).resizable(); $('#imgA' + arrIndexID).draggable({ start: function(event,ui) { isDraggingMedia = true; },stop: function(event,ui) { isDraggingMedia = false; // Set new x and y resourceData[arrIndexID][4] = Math.round($('#imgA' + arrIndexID).position().left / currentScale); resourceData[arrIndexID][5] = Math.round($('#imgA' + arrIndexID).position().top / currentScale); } }); }
如果可重新调整大小的行被取出,这可以正常工作,但是我希望这些图像可以拖动和调整大小,如果我尝试使同一个元素具有这两个属性,我会得到有趣的行为,有没有人知道这样做呢?
谢谢!
解决方法
看起来是因为您正在使用< img>,其中jqueryui包装在< div>中,然后图像的可拖动组件发生在包装< div>中。
尝试将< img>在< div>中(如果样式显示:内嵌块,将“拥抱”x和y轴中图像的大小),使< div>可拖动(因此也将包含的< img>),并使< img>可调整大小(由于div拥抱图像,所有这些都很好)。