jquery - jQuery ドロップ可能で右/左に移動

Question

私はこのスクリプトを持っています: http://jsfiddle.net/YuytK/

left にドロップするとdivブラック ボックスが画面の左側にくっつき、 right にドロップすると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"});
      }
  });
});