添加一个项目到ul和维护序列- jquery可排序

adding an item to ul and maintiang sequence - jquery sortable

本文关键字：维护 jquery 排序 ul 一个 项目 添加      更新时间：2023-09-26

我有两个ul列表，其中一个包含字符串，另一个包含数字。现在我应该可以将字符串放置在列表之间的任何位置，但数字的顺序应该保持不变。

   string                   
    1                 1
    2                 2
    3               string
    4                 3 
                      4
 initial state       final state

如何实现这一点，当我使两个列表可排序时，用户将被允许移动数字，而不应该允许。JSFIDDLE

您可以为不允许拖动的元素添加一个类。这里我添加了"noMove"作为类，然后将它们添加到元素中:

JSFiddle: http://jsfiddle.net/D5LbV/9/

$(function(){
    $(' .tree').sortable({
        connectWith :'.tree',
        cancel: '.noMove',
        start : function(){
        $('.glyphicon').removeClass('glyphicon-chevron-right').addClass(' glyphicon-chevron-down');
            $('ul.tree').fadeIn(300);
        }
    });
});
相关文章：