我正在使用 JqueryUI 对树中的一组嵌套ol和li元素进行排序。我还在ol每个叶节点上放置了空元素，以便可以将子节点添加到叶节点。
目前空占位符一直显示并且工作正常。但是我想隐藏它们，直到我开始对ulandli元素进行排序。
通过使用 Jquery，我可以更改空元素的 css 类以根据需要显示和隐藏它们（添加或删除边框和高度）。我已经将这些连接到start和中的stop事件.sortable，这种显示/隐藏也有效。
但是，占位符不再用作接受其他可排序元素的区域。
我该如何解决这个问题，以便占位符在更改课程后仍可作为有效的可放置区域工作。
注意我确实保留了ui-sortable占位符元素的类。
谢谢。
代码：
$(".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");
}
}
});
CSS：
.siteMap ol.show
{
min-height:28px;
width:15%;
/*background-color:#f7eac9;*/
border:dotted 1px;
}
.siteMap ol.dontShow
{
}