Задать вопрос
ruskar
@ruskar
Conflict Intelligence Team
javascript

Drag'n'drop для динамически созданных элементов (jQuery)?

В jQuery есть такой хороший плагин jQuery UI Draggable, который позволяет создавать эффекты drag'n'drop. Работает он достаточно просто: нужно для любого существующего элемента вызвать метод .draggable():

$('#test').draggable();<br>

Если же попытаться вызвать этот метод для динамически добавленного элемента, то ничего не произойдёт:

$('body').append('<div id="newblock">Новый элемент</div>');<br>
$('#newblock').draggable();<br>


«Новый элемент» не будет обладать возможностью drag'n'drop. Как сделать тут что-то типо аналога функции .live(), чтобы динамически созданные элементы тоже реагировали на эти методы?
  • Вопрос задан
  • 10269 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Serator 
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>jQuery UI Example Page</title>
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$('body').append('<div id="newblock">Новый элемент</div>');
				$('#newblock').draggable();
			});
		</script>
	</head>
	<body>
		<div>
			:)
		</div>
	</body>
</html>


Все прекрасно работает. Вы бы полнее пример привели.
Ответ написан
1 комментарий
1 комментарий
3ds
@3ds
Лень пробовать, попробуйте livequery (работает при клонировании — добавляет драггабл) Т.к. при клонировании тоже создается элемент динамически и работает, возможно сработает и в вашем случае.
 $(".drag")
   .livequery(function(){ 
        $(this)
         .draggable({
                helper: 'clone',
                opacity: 0.7,
               revert: 'invalid'
          });
    });

примеры: bit.ly/azEmUP
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Смонтировать видео
23 нояб. 2024, в 01:31
1000 руб./за проект
Настроить сайт
23 нояб. 2024, в 00:16
2000 руб./за проект
Разобрать текущий ETL-процесс
22 нояб. 2024, в 23:55
3000 руб./за проект
Ещё заказы