Question

我想在以下位置添加原始 jQuery可排序连接列表示例的功能：http://jqueryui.com/sortable/#connect-lists

由于我的第二个列表（＃sortable2）有点大...我希望能够向下滚动页面，一旦找到我需要选择/移动的项目...只需 Double 。单击以将其移动到其他列表。

我需要将项目（li）从＃sortable2移动到＃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);               
    });
});

jQuery Sortable - 使用双击在列表之间移动元素

2 个答案: