的jQuery可排序 - 列表間移動的元素，通過雙擊

Question

我想一個功能，在添加到原來的的jQuery可排序的連接列表例如：http://jqueryui.com/sortable/#connect-lists

因爲我的第二個表（＃sortable2）是一種大...我希望能夠向下滾動頁面，一旦找到需要選擇/移動的項目...只需Double.Click就可以將其移動到另一個列表中。

我需要擺脫＃sortable2項目（LI），以＃sortable1以及來自＃sortable1到＃sortable2。這個想法只是雙擊而不拖動。

謝謝！

Answer 1

你的HTML

<ul id="sortable1" class="sortable_list connectedSortable"> 
    <li class="ui-state-default">sortable1 Item 1</li> 
    <li class="ui-state-default">sortable1 Item 2</li> 
</ul> 
<ul id="sortable2" class="sortable_list connectedSortable"> 
    <li class="ui-state-default">sortable2 Item 1</li> 
    <li class="ui-state-default">sortable2 Item 2</li> 
</ul> 

僅從id = sortable2，你將有附有li.class = ui-state-default到sortable1的項目。這將從sortable2到sortable1每次添加一個li項目。

腳本

//attach on load 
$(function() { 
    $("#sortable2 .ui-state-default").dblclick(function(){   
    $("#sortable1").append(this); 
    }); 
}); 

Answer 2

$(function() { 
    $("ul li").dblclick(function(){    
      var parentID = $(this).parent().attr('id'); //sortable1 or sortable2 
      if(parentID.match(/^(sortable1)$/g)) 
       $("#sortable2").append(this);     
      else if(parentID.match(/^(sortable2)$/g))     
       $("#sortable1").append(this);    
    }); 
});