jquery - jQuery droppable 向右/向左移动

Question

我有这个脚本：http: //jsfiddle.net/YuytK/

我需要做一些事情，所以当你把它放到左边div时，黑盒子会粘在屏幕的左边，当你把它放到右边div时，它会粘在屏幕的右边（比如 left:0 或对：0）。

代码 jQuery：

$(function() {
    $( "#drag" ).draggable({
        containment: 'body',
        snapTolerance: 100,
    });
});

Answer 1

文档是您的朋友，请阅读：http: //jqueryui.com/droppable/

http://jsfiddle.net/YuytK/1/

$(function () {
  $("#drag").draggable({containment: 'body'});
  $("#left").droppable({
      drop: function () {
          $(this).append("<div>Dropped</div>");
          $("#drag").css({left: "0px", right: "auto"});
      }
  });
  $("#right").droppable({
      drop: function () {
          $(this).append("<div>Dropped</div>");
          $("#drag").css({right: "0px", left: "auto"});
      }
  });
});