Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как получить ID брошенного элемента методом drop? (https://javascript.ru/forum/jquery/12193-kak-poluchit-id-broshennogo-ehlementa-metodom-drop.html)

evgenyan 05.10.2010 13:57

Как получить ID брошенного элемента методом drop?
 
Здравствуйте!
Извиняюсь если тема была уже. В поиске не нашел.
У меня есть код:
<html>

<head>
  <script src="jquery-1.4.2.min.js"></script>
  <script src="jquery-ui-1.8.5.custom.min.js"></script>
  <title>Items</title>
  <link rel="stylesheet" href="jui/css/ui-lightness/jquery-ui-1.8.5.custom.css">
  <script>
 $(function() {
	var $items = $( "#items" ),
	$trash = $( "#trash" );

    $( "li", $items ).draggable({
			revert: "invalid", // when not dropped, the item will revert back to its initial position
			cursor: "move"
	});
	$trash.droppable({
			accept: "#items > li",
			drop: function() {
					//Получение ID брошенного элемента
					alert(Алерт ID);

     		 }

     });
 });

  </script>
</head>

<body>

<ul id="items" class="items">
<li id="1">Item 1</li>
<li id="2">Item 2</li>
<li id="3">Item 3</li>
</ul>
<BR><HR><BR>
<div id="trash" >
T R A S H
</div>
</body>

</html>


Подскажите, как получить id элемента списка который я переместил на слово TRASH и бросил?

sysya 05.10.2010 18:44

Не знаком с этим плагом, но предположу что
$(this).attr('id');

evgenyan 07.10.2010 00:05

На самом деле я так делал, но тогда я получаю айди не брошенного элемента а айди поля на которое я его бросаю, т.е. мне выводит trash =((

Sweet 07.10.2010 00:29

У draggable есть событие start. Можно с его помощью запомнить перетаскиваемый элемент this.
Я правда не большой специалист по jQuery:)

evgenyan 11.10.2010 11:52

мм..спасибо за совет! Попробую!

evgenyan 11.10.2010 13:24

Да, действительно так получается получить id элемента. Получаю так:
var item_id = $(this).attr('id');

А как теперь из draggable передать это значение в droppable?

Sweet 11.10.2010 14:22

Цитата:

Сообщение от evgenyan
А как теперь из draggable передать это значение в droppable?

Проще всего объявить переменную item_id глобально, и тогда доступ к ней будет и из draggable, и из droppable


Часовой пояс GMT +3, время: 05:18.