Javascript 如何在添加特定类后为其启用拖动排序？

好吧，我的拖放排序列表有问题

我希望它能像这样工作，当你想编辑一个列表项目，你只需点击该项目，它就会变成编辑模式。田野出现了。现在您可以通过单击项目上的任意位置然后拖动来拖动项目

为了澄清，您不能从一开始就拖动项目。它只能在编辑模式下执行

问题是：我正在使用jQuery addClass将类sel添加到项中，但是droppable函数没有注册它。所以我不能使用句柄.sel>.dd句柄。如果我在添加类之后更新列表，我刚才添加的类就会消失

下面是添加选择类的函数：

下面是加载页面时正在运行的update_sort函数：

function update_sort()
{
var tree = $(".dd-list").liveflex_treeview({
      handle        : '.sel > div.dd-handle'
    , droparea      : 'div.dd-handle'
    , opencollapse  : '.opencollapse'
    , itemMoved     : function(e)
                    {
                        var sort_array = e.serialise();

                            // Save order
                            $.post('/url_fetch/sort_posts', { 'sort_array' : sort_array }, function()
                            {
                                check_through();

                                console.log('Sparat sortering');    
                            });
                    }
});
}

正如您看到的，我使用liveflex，它使用jQuery的可拖放和可拖动函数

---

那么，为什么liveflex droppable不注册addClass事件呢？或者为什么.sel类在更新后不保留？

有人吗？我能解释得更清楚些吗？

function update_sort()
{
var tree = $(".dd-list").liveflex_treeview({
      handle        : '.sel > div.dd-handle'
    , droparea      : 'div.dd-handle'
    , opencollapse  : '.opencollapse'
    , itemMoved     : function(e)
                    {
                        var sort_array = e.serialise();

                            // Save order
                            $.post('/url_fetch/sort_posts', { 'sort_array' : sort_array }, function()
                            {
                                check_through();

                                console.log('Sparat sortering');    
                            });
                    }
});
}