文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery UI + Bootstrap 3可排序手风琴工作不正常

问jQuery UI + Bootstrap 3可排序手风琴工作不正常
EN

Stack Overflow用户

提问于 2014-07-30 07:14:06

回答 1查看 3.5K关注 0票数 3

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

有时排序时，任何一个选项卡都会消失
当一个选项卡打开并排序时，只有单击另一个选项卡时才会关闭。
打开选项卡时，排序顺序安排不当。

我已经把它合并成了一个

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

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

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

请帮帮忙。

javascript

html

jquery-ui

twitter-bootstrap-3

accordion

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-30 07:50:18

您的脚本中有一个小错误--应将accordion()替换为your ()(请参阅文档中的折叠段落)。按照以下方式重写代码：

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

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

另外，在标记(dropBag)的末尾有未关闭的div。一旦我理解你的排序问题，我就可以更新我的答案。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25030789

复制

相似问题

问jQuery UI + Bootstrap 3可排序手风琴工作不正常
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery UI + Bootstrap 3可排序手风琴工作不正常EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery UI + Bootstrap 3可排序手风琴工作不正常
EN