Question

我想用拖放式可排序功能构建手风琴菜单，我可以使用bootstrap 3 + jQuery UI构建它，但问题是jQuery UI与bootstrap手风琴的一般操作相冲突。我非常具体使用Bootstrap Accordion，但我需要解决jQuery UI产生的问题。

有时在排序时，任何一个标签都会消失
当一个选项卡打开并排序时，仅在单击其他选项卡时才会关闭。
标签打开时排序顺序排列不正确。

我已将其整合到plnkr

中

$(function(){
   $( "#accordion" ).accordion().sortable({
      connectWith: "#dropBag"
   }); 

   $( "#dropBag" ).sortable({
      connectWith: "#accordion"
   }); 
});

http://plnkr.co/edit/LpQuO9nfB4d5Nwhaj6my?p=preview

请帮助。

Answer 1

您的脚本中有一点错误 - accordion（）应替换为collapse（）（请参阅documentation中的折叠段落。重写您的代码如下：

$(function(){
   $( "#accordion" ).collapse().sortable({
      connectWith: "#dropBag"
   }); 

   $( "#dropBag" ).sortable({
      connectWith: "#accordion"
   }); 
});

另外，在标记结尾处有一个未公开的div（dropBag）。一旦我理解了您的排序问题，我就可以更新我的答案。

jQuery UI + Bootstrap 3可折叠手风琴无法正常工作

1 个答案: