开发者社区 问答 正文

Jquery如何实现跨DIV的文字的拖曳

把一个div里面的文字,托到另一个div中显示,原来那DIV中文字还保持不变

展开
收起
a123456678 2016-07-06 11:05:51 1898 分享 版权
1 条回答
写回答
取消 提交回答
  • 基本思路就是获取原DIV中的文字DOM对象,clone一份,然后appendTo新的DIV中。

    至于拖拽,你可以自己写一个,原理就是将clone出DOM对象的样式设置成position:absolute;

    top和left设置成鼠标的Y,X坐标,让他可以跟随鼠标移动,达到拖拽的效果。

    至于,如何移动到了判断目标DIV,可以在目标DIV上加一个mouseup的监听事件,一旦触发了,就将clone出的DOM对象放入该目标DIV中。

    以上是个人的思路。

    如果你不想自己写,可以参看使用jquery ui,里面有一个shopping-cart.html的demo,可以实现你的功能。

    2019-07-17 19:51:58
    赞同 展开评论
问答分类:
问答地址: