如何回調新的列表ID jQuery UI：可排序

我正在嘗試爲我的網站使用可排序的小部件。我有一個小型日程安排應用程序，我想顯示按星期排序的一週約會列表。如何回調新的列表ID jQuery UI：可排序

對於這個例子，我們將只使用兩天（2個列表）。如果我想將第2天的預約（列表項）拖到第1天，是否有方法可以在將項目拖到列表1後回調列表1的標識？我可以在頁面加載時找到父列表的ID，但我似乎無法在排序後拉出新的ID。這甚至有可能嗎？

<script type="text/javascript"> $(function() { $("#day1, #day2").sortable({ connectWith: '.sortable' }).disableSelection(); }); </script>

====

確定這裏就是我有這麼遠，但我似乎無法得到的物品被拖到堅持到列表他們是dragges到：

<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>

來源

2010-04-14 PARyGuy

看看下面的頁面上的以下回調 - 它可以幫助...

drop: function(ev, ui) { 
    var $dropped_on_item = $(this); 
}

http://jqueryui.com/demos/sortable/#connect-lists-through-tabs

這意味着要使您的目標列表'droppable'以及'可排序'，雖然。

來源

2010-04-14 14:30:16 calumbrodie

好吧，這聽起來像一個愚蠢的問題，但我卡住了;所以我可以使用droppable替換排序而不用標籤？我需要同時顯示所有列表以進行比較，我只是無法查看是否可以使用製表符。 – PARyGuy 2010-04-14 14:37:59

否 - 您希望能夠拖/放到/從的所有列表必須是「可排序的」 - 最重要的是使您想要拖放到「可拖放」列表上。它可能已經自動應用jQuery UI，但我不確定 - 在每種情況下，您需要查看是否可以使用drop方法）示例。 – calumbrodie 2010-04-14 14:49:59

我正在採取簡單的方式，並與此:) :) http://github.com/robmonie/jquery-week-calendar/downloads 我感謝您的幫助 – PARyGuy 2010-04-14 15:46:07

如何回調新的列表ID jQuery UI：可排序

回答

相關問題