Как связать перетаскиваемый для динамически создаваемых элементов?

Question

Как связать перетаскиваемый для динамически создаваемых элементов?

0

У меня есть следующий jquery:

$('.draggable').draggable();
$('.parent .draggable').clone(true).appendTo('.parent');

Но теперь клонированный элемент не может перетащить. Как я могу заставить его перетащить?

jsfiddle

Navin Rauniyar 02 июнь 2014, в 14:17

Источник

0

Просто пользователь $('.parent .draggable').clone().appendTo('.parent').draggable(); вместо. В противном случае вы копируете любые прослушиватели событий, которые были связаны с исходными элементами. Вот почему оригинальный .one перетаскивается, когда вы перетаскиваете клонированный .one в вашем примере. Это определенно работает: jsfiddle.net/Lyhm5/1
Joe 02 июнь 2014, в 12:00
0

@ Джо, я пробовал это, но не сработало.
Navin Rauniyar 02 июнь 2014, в 12:00
0

Я пытался, но не сработало. Ой! подождите, ваша скрипка работает, кажется .clone (true), а затем .draggable () не работает.
Navin Rauniyar 02 июнь 2014, в 12:04
0

проверить это не работает. jsfiddle.net/Lyhm5/3
Navin Rauniyar 02 июнь 2014, в 12:05
0

но мне нужно использовать истину по какой-то причине.
Navin Rauniyar 02 июнь 2014, в 12:05

Показать ещё 3 комментария

Теги:

jquery

jquery-ui

2 ответа

Ещё вопросы

Просто пользователь $('.parent .draggable').clone().appendTo('.parent').draggable(); вместо. В противном случае вы копируете любые прослушиватели событий, которые были связаны с исходными элементами. Вот почему оригинальный .one перетаскивается, когда вы перетаскиваете клонированный .one в вашем примере. Это определенно работает: jsfiddle.net/Lyhm5/1
@ Джо, я пробовал это, но не сработало.
Я пытался, но не сработало. Ой! подождите, ваша скрипка работает, кажется .clone (true), а затем .draggable () не работает.
проверить это не работает. jsfiddle.net/Lyhm5/3
но мне нужно использовать истину по какой-то причине.

K K · Answer 1 · 2014-06-02T10-45-00.000Z

Попробуйте изменить порядок инициализации и клонирования:

$('.parent .draggable').clone(true).appendTo('.parent');
$('.draggable').draggable();

Демо: http://jsfiddle.net/lotusgodkk/Lyhm5/4/

Если заказ важен для вас, я предлагаю вам обернуть перетаскиваемую часть в отдельную функцию и вызвать ее снова после клонирования и добавления

Devima · Answer 2 · 2014-06-02T10-40-00.000Z

Я не знаю, правильно ли я понял ваш вопрос, и если это поможет вам
но в этом случае все элементы перетаскиваются

<script type="text/javascript">
$(document).ready(function(){
     $('.draggable').draggable();
     $('.parent .draggable').clone().appendTo('.parent').draggable();
})
</script>

с клоном (правда) не перетаскивается.