【问题标题】:Link to an element which is inside of a bootstrap collapse element链接到引导折叠元素内部的元素
【发布时间】:2015-01-03 01:09:56
【问题描述】:

我在 collapse 元素之外有一个链接到折叠内容内的锚点。 See my plnkr example.

如果我折叠底部的panel,则不再执行锚标记。我要实现的内容如下:

如果我单击当前不可见的锚点(因为它位于折叠区域中),那么我想扩展包含区域,然后应用链接。

有什么想法可以做到这一点吗?

非常感谢

【问题讨论】:

  • 可以用jQuery还是只用纯js?
  • jQuery 已经存在,当然!我也在使用 Bootstrap!

标签: javascript jquery html twitter-bootstrap collapsable


【解决方案1】:
$(function(){
  $(document).on('click', 'a[href^="#"]', function(ev){
    var targetId = $(ev.target).attr('href'),
      $target = $(targetId);

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

像这样? http://plnkr.co/edit/R2Fjsz9JnLkWEvFKUaAg?p=preview

【讨论】:

    猜你喜欢
    • 2020-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-24
    • 2016-03-24
    • 2015-02-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多