Я пытаюсь использовать сортируемый виджет для моего сайта. У меня есть приложение для мини-планирования, которое я хотел бы отобразить список встреч на неделю, отсортированный по дням.
В этом примере мы будем использовать только два дня (2 списка). Если я хотел перетащить встречу (элемент списка) со 2-го дня на 1-й день, есть ли способ перезвонить идентификатору списка 1 после перетаскивания элемента на него? Я могу найти идентификатор родительского списка при загрузке страницы, но я не могу вытащить новый идентификатор после сортировки. Это вообще возможно?
<script type="text/javascript">
$(function() {
$("#day1, #day2").sortable({
connectWith: '.sortable'
}).disableSelection();
});
</script>
====
Хорошо, вот то, что у меня есть, но я не могу заставить перетаскиваемые объекты прикрепить их к списку, к которому они относятся:
<script type="text/javascript">
$(document).ready(function() {
$("#sortable1, #sortable2").sortable().disableSelection();
$("ul:first h3").droppable({
accept: ".connectedSortable li",
hoverClass: "ui-state-hover",
drop: function(ev, ui) {
var $item = $(this);
var $list = $($item.find('a').attr('href')).find('.connectedSortable');
$(this).appendTo($list);
}
});
});
</script>