javascript - Bootstrap 3 Accordion 菜单 : Stop the panel open from also opening the page

标签 javascript css angularjs twitter-bootstrap angular-ui-bootstrap

我正在使用 Booststrap 组件开发 Angular JS 1.5 应用程序。我在侧边栏上有一个 Accordion 菜单,它基于此:

http://bootsnipp.com/snippets/QXqM1 (不是我的代码)

当我打开菜单并选择页面加载的菜单项时(我为此使用普通的 Angular JS 路由。

如果我然后从 Accordion 打开另一个菜单,即单击菜单标题,菜单打开,前一个菜单折叠但加载的页面发生变化。

我希望页面仅在单击元素时加载,而不是在打开菜单时加载。

这是 Angular 问题还是 css 或 Bootstrap 问题,我该如何解决?

在此先感谢您对此的任何帮助或指点。

最佳答案

好吧,感谢您的热烈响应;-)

我找到了一个解决方案:我现在使用 data-target 而不是对子菜单标题使用 href。 Bootstrap 解释数据目标,这样就不会调用 Angular JS 路由。

通过这种方式,可以在不影响 View 的情况下打开和关闭菜单。 href 标签仅保留在应显示任何内容的菜单项上。

关于javascript - Bootstrap 3 Accordion 菜单 : Stop the panel open from also opening the page,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39819570/

相关文章:

javascript - 如何为同一个类定义的元素添加不同的样式?

javascript - 如何获取 "declared"CSS 值,而不是计算出的 CSS 值

javascript - 如何使用 JavaScript 动态更改 CSS Bootstrap 样式?

css - 嵌套 div 的 z-index

javascript - 如何在 Javascript 中自动化工作幻灯片

javascript - 如果 Angular 中没有声明模块,则函数未定义

javascript - 如何在滚动时更改背景

javascript - jQuery:事件不会在加载了 ajax 的元素上触发

javascript - 如何实现 Angular 指令以在导航到站点中的另一个页面时显示模式?

javascript - 如何在 AngularJS 中通过 ID 从父 Controller 中选择选项