jQuery перетащить после добавления - PullRequest
Новая
       25

jQuery перетащить после добавления

0 голосов
/ 04 марта 2012

Я нашел много примеров по этому поводу, но все они были слишком сложными для того, что мне нужно.

Вот мой код: 

$(function() {
  jQuery(".drag").click(function () { $(this).appendTo(".inner")});
  jQuery(".drag").draggable({ grid: [ 10, 10 ] }, { containment: ".inner" } );
});

Я хочу перетащить тот же элемент только последобавьте его к желаемому контейнеру.

Обратите внимание, что элементы перетаскивания находятся вне контейнера, который я хочу, чтобы они перетаскивали.Вот почему я использую приложение.

HTML: 

...
    <div class="inner"></div>
    ...

    <div class="objects">
    <div class="drag"><img src="img1.jpg" title="name1" /></div>
    <div class="drag"><img src="img2.jpg" title="name2" /></div>
    <div class="drag"><img src="img3.jpg" title="name3" /></div>
    </div>
...

1 Ответ

1 голос
/ 04 марта 2012

Не знаю, что вы пытаетесь сделать, но событие jQuery UI start может вам помочь: 

$(function() {
  jQuery(".drag").draggable({
      grid: [ 10, 10 ],
      containment: ".inner",
      start: function() { $("#result").html("Drag start!"); }
  } );
});​

HTML: 

<div class="inner">
    Inner div

<div class="drag">
</div>
</div>
<p id="result"></div>

CSS: 

div { border:1px solid black; padding:5px; }
.inner { width: 200px; height:200px; }
.drag { width:50px; height: 50px; background-color:#fca;}​

1011 *

См. этот jsFiddle .

...