如何才能同时锚定并打开Bootstrap手风琴?

里克·阿尔瓦雷斯

我正在使用Bootstrap手风琴,它的工作原理就像一种魅力,完全没有问题。但是,我想链接到手风琴中的一个标签。这个想法是,一旦我单击链接,我就被带到页面的那一部分(手风琴实际上在页面的下方)并打开选项卡。

因此,我使用了以下内容:

<a href="#prizes" data-toggle="collapse" data-parent="#accordion"><i class="mdi-action-info"></i></a>

这应该工作。它的作用部分在于:它会在右侧打开“手风琴”选项卡,但是,该页面不会按原样滚动到锚点。它只是停留在相同的位置,但是打开了手风琴。

知道如何解决吗?我找到了与jQuery UI手风琴相关的答案,但与BS手风琴无关(并且jQuery UI手风琴也不起作用),真的不知道为什么这不起作用

托马诺

您可以像这样手动进行操作:

<a href="#accordion" id="my-link" class="btn btn-primary">Open group 2</a>

JS

$('#my-link').click(function(e) {
    $('#collapseOne').collapse('hide');
    $('#collapseTwo').collapse('show');        
});

小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

多个Bootstrap手风琴同时打开和关闭

来自分类Dev

Bootstrap手风琴,单击时滚动到活动(打开)手风琴的顶部?

来自分类Dev

Bootstrap手风琴

来自分类Dev

Bootstrap手风琴

来自分类Dev

Bootstrap手风琴允许多个打开

来自分类Dev

Bootstrap Stay手风琴打开页面重新加载

来自分类Dev

Bootstrap手风琴在悬停时打开

来自分类Dev

Bootstrap手风琴选项卡未打开

来自分类Dev

Bootstrap 2或Bootstrap 3如何折叠打开的手风琴

来自分类Dev

如何添加“活动”类以打开Bootstrap 3手风琴项目?

来自分类Dev

如何添加“活动”类来打开Bootstrap 3手风琴项目?

来自分类Dev

AngularJS / ui-bootstrap手风琴-单击时滚动到活动(打开)手风琴的顶部

来自分类Dev

如何解决Bootstrap手风琴问题?

来自分类Dev

如何设置Bootstrap手风琴的最大高度

来自分类Dev

如何设置ng-bootstrap手风琴的风格?

来自分类Dev

如何创建嵌套的UI-Bootstrap手风琴?

来自分类Dev

如何解决Bootstrap手风琴问题?

来自分类Dev

jQuery从链接打开手风琴

来自分类Dev

首个手风琴面板打开

来自分类Dev

单击保持手风琴打开

来自分类Dev

jQuery手风琴打开/关闭

来自分类Dev

JQuery 手风琴默认打开

来自分类Dev

Bootstrap手风琴未关闭

来自分类Dev

Bootstrap手风琴问题

来自分类Dev

Bootstrap手风琴-全部关闭

来自分类Dev

Bootstrap手风琴面板/折叠

来自分类Dev

Bootstrap手风琴不塌陷

来自分类Dev

Bootstrap手风琴不会塌陷?

来自分类Dev

twitter bootstrap手风琴的bug