Bootstrap 链接到引导折叠元素内部的元素

r7s23pms  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(149)

我有一个collapse元素外部的链接,指向折叠内容内部的锚。See my plnkr example.
如果我在底部折叠panel,锚标记就不再执行了。我想实现的如下:
如果我单击当前不可见的锚(例如,因为它位于折叠区域中),则我希望扩展包含区域,然后应用链接。
你知道我该怎么做吗
多谢了

mrphzbgm

mrphzbgm1#

$(function(){
  $(document).on('click', 'a[href^="#"]', function(ev){
    var targetId = $(ev.target).attr('href'),
      $target = $(targetId);

      $target.parents('.collapse').addClass('in').css({height: ''});
  });
})

像这样?

b1uwtaje

b1uwtaje2#

// open collapsed items when clicking on the corresponding link
$(document).on('click', 'a[href^="#"]', function(ev){
    var targetId = $(ev.target).attr('href'),
    $target = $(targetId);

    $target.parents('.collapse').addClass('show');
});

与接受的答案相同,但用于Bootstrap Collapse元素

相关问题