jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery拖放,删除和克隆,找到元素的删除位置大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在这里,我是 jquery拖放,删除和克隆功能的小提琴.

问题:

我的问题是:当我丢弃元素时,它显示

position: {top: 0,left: 0}

仅适用于draggable,clone和droppable元素.

我还编写了仅使用可拖动功能查找位置的代码,并且工作正常.我希望这种行为在可拖动,可放置克隆功能

请访问JSfiddle

fiddle

full-screen output

解决方法

最后,解决了这个问题.问题是,我使用的是ui.draggable.position();用于存储丢弃的位置到数据库,这是错误的.

我们需要存储的实际位置是:

// position of the draggable minus position of the droppable
// relative to the document
leftPosition  = ui.offset.left - $(this).offset().left;
topPosition   = ui.offset.top - $(this).offset().top;

参考:How do I get the coordinate position after using jQuery drag and drop?

用工作示例更新了Jsfiddle

http://jsfiddle.net/przbadu/rkvdffe3/18/

http://jsfiddle.net/przbadu/rkvdffe3/18/embedded/result/

大佬总结

以上是大佬教程为你收集整理的jquery拖放,删除和克隆,找到元素的删除位置全部内容,希望文章能够帮你解决jquery拖放,删除和克隆,找到元素的删除位置所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: