javascript - twitter Bootstrap Accordion

标签 javascript html twitter-bootstrap

我正在尝试在我的网站上制作一个类似于 here 的 Accordion 。 。但是,每当我单击 Accordion 向下的位置时,它都不会掉落,而是将我链接到 my_url#collapseOne (或两个或三个,具体取决于我单击的是哪一个)。而且,当我加载网页时,菜单 1 已经被删除(不合需要),而其他两个看起来是正确的。

关于如何正确实现 Accordion 效果有什么想法吗?

最佳答案

所以你需要做两件事

  1. 文档准备好后,您需要初始化您的 Accordion 。这意味着您将遍历所有 Accordion 容器并将它们初始化为关闭。

  2. 您将把点击事件处理程序附加到打开/关闭 Accordion 的链接。为了防止浏览器跟踪这些链接,您应该从这些事件处理程序返回 false,这会阻止事件进一步冒泡。这将阻止浏览器跟踪该链接。

关于javascript - twitter Bootstrap Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12871764/

相关文章:

javascript - v-model 更改时 watch 不触发

javascript - 根据 Google Maps API v3 中的地理位置精度设置缩放级别

javascript - 重命名 Bootstrap 生成的标签

css - div 中的中心元素解释

javascript - 使用 javascript/jquery 访问控制台中抛出的错误

javascript - 回调函数的用处

javascript - jQuery 延迟 fadeIn 花费的时间比预期的要长

html - 使用CSS连续创建三个图标

javascript - 编辑输入标签中值的属性

html - 位于 Bootstrap 容器内元素后面的全 Angular 背景?