首页 文章

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

提问于
浏览 次
0

我想在原始的 jQuery Sortable Connect List 示例中添加一个功能：http://jqueryui.com/sortable/#connect-lists

由于我的第二个列表（＃sortable2）有点大......我希望能够向下滚动页面，一旦找到我需要选择/移动的项目...只需 Double.Click 就可以了它到另一个列表 .

我需要将项目（li）从＃sortable2移动到＃sortable1以及从＃sortable1移动到＃sortable2 . 这个想法只是双击而不是拖动 .

谢谢！

javascript jquery html jquery-ui

2 回答

  • 0

    你的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);
   });
});
    回复于
  • 0
    $(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);               
    });
});
    回复于

相关问题