Javascript jQuery Sortable在嵌套链接上不起作用

我正在使用引导选项卡并应用的拖动效果。到目前为止，它在包括引导选项卡在内的第一级上运行良好。但当它进入嵌套级别的级别3时，拖动效果无法正常工作

另外，引导选项卡视图位于第2级和第3级，它的每个链接都没有加载相应的div视图，即带有.Tab窗格和引用id的视图，但是第一级工作正常。我为每个链接创建了一个click函数，以删除父“active”类，该类在单击时显示links视图div，但似乎没有任何效果

var nestedList = $("ul.nested_with_switch li ul").children("li");

nestedList.click(function(){
    $(this).data('clicked', true);
})

nestedList.click(function(){
    if($(this).data('clicked') === true){
     nestedList.parents("ul li").removeClass("active");
     nestedList.find("li").removeClass("active");
    }
})

---

以下是。

从删除看似不起作用的代码开始。。。替换：

nestedList.click(function(){
    $(this).data('clicked', true);
})

nestedList.click(function(){
    if($(this).data('clicked') === true){
     nestedList.parents("ul li").removeClass("active");
     nestedList.find("li").removeClass("active");
    }
})

与：

---

接下来，您可能想使用.childrenli而不是.findli，但我不能100%确定您试图用代码实现什么。

您似乎在为每个嵌套列表项添加两个单击侦听器。。。这可能不是你想要的？是的，我想我把代码弄乱了。谢谢@Hamza的评论。拖动仅在检查开关后生效。如果为true，则每个链接上的控制柄将启用每个链接的拖动效果。第一级和第二级工作正常，我关心的是第三级。此外，引导选项卡在第一级工作正常，在嵌套链接上，其相应的视图不会在每次单击子链接时显示。

nestedList.click(function(){
    nestedList.parents("li").removeClass("active");
    nestedList.find("li").removeClass("active");
})