首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将可拖动的克隆元素捕捉到<div>节

将可拖动的克隆元素捕捉到<div>节
EN

Stack Overflow用户
提问于 2011-03-29 15:48:58
回答 1查看 1K关注 0票数 0

任何人可以检查此示例代码,可以帮助我修复被拖动的元素的克隆,它应该捕捉到最近的白色块时,互换的位置,因为没有克隆它是捕捉,我想如何做一个克隆的元素。

如果我能够克隆,那么我就不能snap.So,如果有人能帮我解决这个问题,我将不胜感激。

以下是用于捕捉的示例代码:

http://jsfiddle.net/kiran/qWPAH/7/

这就是我是如何克隆的:

代码语言:javascript
复制
$(function() {
$(".draggable").draggable();
$(".item").droppable({
    drop: function(event, ui) {
        var $this = $(this);
        $this.append(ui.draggable);    

        var width = $this.width();
        var height = $this.height();
        var cntrLeft = (width / 2) - (ui.draggable.width() / 2);
        var cntrTop = (height / 2) - (ui.draggable.height() / 2);

        ui.draggable.css({
            left: cntrLeft + "px",
            top: cntrTop + "px"
        });
    }
});

});

EN

回答 1

Stack Overflow用户

发布于 2011-10-04 01:40:32

代码语言:javascript
复制
$(function() {
   $(".draggable").draggable();
       $(".item").droppable({
          drop: function(event, ui) {
          var $this = $(this);
          $this.append(ui.draggable);    

          var width = $this.width();
          var height = $this.height();
          var cntrLeft = (width / 2) - (ui.draggable.width() / 2);
          var cntrTop = (height / 2) - (ui.draggable.height() / 2);

          ui.position.left = cntrLeft;
          ui.position.top = cntrTop ;
      }
   });

});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5469419

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档