【问题标题】:How to adjust the position of image while drop如何在放置时调整图像的位置
【发布时间】:2016-07-14 05:10:22
【问题描述】:

如何在拖放到可放置的div中时调整图像的放置位置..? 尝试将图像拖放到工作区(可放置)div 时,图像不准确 落在它被丢弃的位置。 下面是我用来调整图像左右位置的代码。

leftAdjust = Math.abs(obj.position().left) - Math.abs($(window).width()-(workspace.offset().left + workspace.outerWidth()));
topAdjust = obj.position().top - workspace.offset().top;

我有一个工作示例代码link,它非常适合将图像从左侧拖到工作区。 图像在放置后从其工作区 div 获取 x 和 y 位置(它也可以正常工作)。

但是当图像位于工作区的右侧时,我无法通过准确的位置功能实现相同的下降。 这是link需要解决的代码。

P.S:请通过最大屏幕调整大小来运行jsfiddle中的代码以分析工作进度。

【问题讨论】:

    标签: jquery html css image drag-and-drop


    【解决方案1】:

    http://www.aspsnippets.com/Articles/Drag-and-Drop-images-from-one-DIV-to-another-using-jQuery.aspx

    使用此链接并查看演示,它比这更好......................

    【讨论】:

    • 我需要将图像放置在工作区(可放置)div上的准确位置。在您的示例中,所有丢弃的图像都会与每个图像相邻地被一一丢弃。那么我如何使用您提供的演示代码..如果我的方法不正确..请提出任何其他解决方案..
    • 好吧好吧我明白我正在尝试这样做
    猜你喜欢
    • 2021-12-12
    • 1970-01-01
    • 1970-01-01
    • 2014-12-26
    • 2011-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-31
    相关资源
    最近更新 更多