Question

我正在使用Bootstrap Tab并应用jQuery Sortable的拖动效果。到目前为止它在第一级工作正常，包括Bootstrap Tab。但是当它进入嵌套级别的3级时，拖动效果无法正常工作。

第二级和第三级的Bootstrap Tab视图，每个链接都没有加载相应的div视图（带有.tab-pane和reference 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％确定您要使用代码完成的工作。

jQuery Sortable不能在嵌套链接上工作

1 个答案: