Javascript 在保持可排序性的同时更改JqueryUI sortable中元素的类

我使用JqueryUI对树中的

ol

和

li

元素的嵌套集进行排序。我还在每个叶节点上放置了空的

ol

元素，以便可以将子元素添加到叶节点

目前，空占位符一直显示，工作正常。但是，我想隐藏它们，直到我开始对

ul

和

li

元素进行排序。
通过使用Jquery，我可以更改空元素的css类，以根据需要显示和隐藏它们（添加或删除边框和高度）。我已经将它们连接到

.sortable

中的

开始

和

停止

事件，这种显示/隐藏也可以工作

但是，占位符不再作为接受其他可排序元素的区域工作

我怎样才能解决这个问题，使占位符在更改其类后仍然作为有效的可拖放区域工作

注意：我确实保留了PlaceHolder元素的

UISortable

类

谢谢

代码：

---

这就是你要找的吗

---

如果你能发布一些代码，那就容易多了。我已经有了嵌套的可排序列表。但是，当我更改其中一个元素的css类以影响其大小和边框时，它将停止可排序。请确保在添加该类之后初始化可排序事件。也许这会有帮助

$(".sitemapList").sortable(
{
    placeholder: "ui-state-highlight1",
    distance: 5,
    connectWith: ".sitemapList", 
    start: function (event, ui)
    {         
        var change = $(".dontShow");
        var length = change.length;
        for (var i = 0; i < length; i++)
        {
            $(change[i]).attr("class", "sitemapList show ui-sortable");
        }
    },
    stop: function (event, ui)
    {
        var change = $(".show");
        var length = change.length;
        for (var i = 0; i < length; i++)
        {
            $(change[i]).attr("class", "sitemapList dontShow ui-sortable");
        }
    }
});

    .siteMap ol.show  
     {
        min-height:28px;
        width:15%;
        /*background-color:#f7eac9;*/
        border:dotted 1px;
     }

    .siteMap ol.dontShow
     {
     }