小编Nes*_*ons的帖子

嵌套Bootstrap可折叠按钮的jQuery show.bs.collapse事件触发比预期更多的按钮

我正在使用Bootstrap来制作可折叠的嵌套div /按钮.我想在展开时折叠div的所有兄弟,并在折叠时折叠div的所有子节点(这样扩展的div只是从一个根div到内部div的一条路径).

我选择使用jQuery而不是使用Bootstrap的Accordion - 只是带有相关div的按钮.

所以我尝试选择所有可以扩展的div并使用show.bs.collapse事件,以便我知道哪个div被扩展了.

$(function () {
  $(".collapse").on('show.bs.collapse', function () {
    console.log ($(this).context.id);
  })
});
Run Code Online (Sandbox Code Playgroud)

如果我的树是这样的:

  • 1 - 扩大

    • 2 - 扩大

      • 3 - 崩溃了
    • 4 - 崩溃了

  • 5 - 崩溃了

  • 6 - 崩溃了

我扩展3,我没有得到:

3
Run Code Online (Sandbox Code Playgroud)

但:

3
2
1
Run Code Online (Sandbox Code Playgroud)

为什么将show.bs.collapse应用于div 1和2?

javascript jquery nested twitter-bootstrap

10
推荐指数
1
解决办法
3万
查看次数

标签 统计

javascript ×1

jquery ×1

nested ×1

twitter-bootstrap ×1