目标是当站点宽度小于676px时从标签切换到手风琴式折叠.我们正在使用Bootstrap.
我们将分别用css隐藏ul.nav-tabs和a.accordtion-toggle.选项卡在这里工作,但a.accordion-toggle不起作用.有任何想法吗?
<ul class="nav nav-tabs" id="myTab" data-tabs="tabs"> <li class="active"><a href="#panel1" data-toggle="tab">Panel 1</a></li> <li class="active"><a href="#panel2" data-toggle="tab">Panel 2</a></li> </ul> <a class="accordion-toggle" data-toggle="collapse" data-target="#panel>Panel 1</a> <div class="tab-pane collapse" id="panel1"> Panel 1 Content </div> <a class="accordion-toggle" data-toggle="collapse" data-target="#pane2>Panel 2</a> <div class="tab-pane collapse" id="panel2"> Panel 2 Content </div> <script> jQuery(document).ready(function ($) { if (document.documentElement.clientWidth < 767) { $('#myTab a').click(function (e) { e.preventDefault(); } $(".collapse").collapse(); } }); </script>
解决方法
我在
this jsfiddle上试了一下但是让两个插件一起工作似乎很复杂.
可能更好地选择其中一个插件,只使用此插件的类和JS,然后实现自己的触发器来完成默认行为.
我认为崩溃插件的手风琴行为需要.accordion-group> .collapse.in结构正常工作 – 如果你不使用自己的JS.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。