Привязать перетаскиваемый клонированный элемент к секции <div> - PullRequest
Новая
       33

Привязать перетаскиваемый клонированный элемент к секции <div>

0 голосов
/ 29 марта 2011

Может ли кто-нибудь проверить этот пример кода и может помочь мне исправить клон для перетаскиваемого элемента, и он должен привязываться к ближайшему белому блоку при смене позиций, поскольку без клонирования он привязывается, и я хотел бы узнать, как это сделать склонированный элемент.

И если мне удастся клонировать, я не смогу его привязать. Поэтому я буду благодарен, если кто-нибудь поможет мне решить эту проблему.

Вот пример кода для привязки:

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

И вот как я сделал клонирование: 

$(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"
        });
    }
});

});

1 Ответ

1 голос
/ 03 октября 2011 
$(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 ;
      }
   });

});
...