jQuery Sortable 不适用于嵌套链接

Question

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

还有第 2 层和第 3 层的 Bootstrap Tab 视图，它的每个链接都没有加载相应的 div 视图（带有 .tab-pane 和参考 id 的视图），但第一层工作正常。我为每个链接创建了一个单击功能，以删除父“活动”类，该类在单击时显示链接视图 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");
    }
})

这是Code。

Answer 1

从删除似乎什么都不做的代码开始...替换：

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(){
    nestedList.parents("li").removeClass("active");
    nestedList.find("li").removeClass("active");
})

接下来，您可能想使用 .children("li") 而不是 .find("li")，但我不能 100% 确定您要使用代码完成什么。