禁用数据切换元素中的链接折叠
Disable collapse for link in a data-toggle element
我有一个折叠面板主体,像这样(小提琴,现在有固定的代码):
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title" data-toggle="collapse" href="#collapseOne">
<a href="#">1) collapsing link</a>
<a href="#">2) not collapsing link</a>
</div>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">Anim pariatur cliche ...</div>
</div>
</div>
数据切换是在面板标题上设置的,因为我想在它的任何地方单击以打开另一个面板。除了第二个环节。我的目标是禁用第二个链接的折叠行为。实现这一目标的最好/最简单的方法是什么?
重要:我不想只在第一个链接上设置数据切换。我想在面板上的任何地方点击触发偶数,除了第二个链接。
你需要为那些你不想触发崩溃事件的元素添加一个类,然后通过javascript停止事件传播。所以…这是正确答案。
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title" data-toggle="collapse" href="#collapseOne">
<a href="#">1) collapsing link</a>
<a href="#" class="no-collapsable">2) not collapsing link</a>
</div>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">Anim pariatur cliche ...</div>
</div>
</div>
像这样停止事件传播:
$('.no-collapsable').on('click', function (e) {
e.stopPropagation();
});
相关文章:
- Angular UI&引导程序:点击链接时折叠移动导航栏
- 可折叠容器/柱.添加多个链接
- 单击链接时折叠响应式导航
- 单击手风琴菜单外的链接时折叠jQuery手风琴
- 创建折叠选项卡并动态添加 ID 和指向 jQuery 中 ID 锚点的链接
- 将展开和折叠图像添加到链接
- 单击链接后,导航栏中的子菜单正在折叠
- 在可折叠内容标头(拆分链接)中添加链接 - 缺少 css
- 对可折叠菜单中根链接的效果/操作不活动 - 只是效果 - jQuery
- 如何在用户点击Twitter Bootstrap链接后自动折叠移动视图上的顶部导航栏
- D3.js中可折叠树中的链接
- 防止从嵌套链接展开/折叠
- 导航栏链接不折叠的问题
- D3可折叠力布局可变链接长度
- 在保持链接的情况下,折叠时将加号更改为减号
- 如何关闭折叠面板,当我们点击面板内的链接在引导
- 禁用数据切换元素中的链接折叠
- 折叠菜单不能与锚链接一起工作
- jQuery展开/折叠链接
- 修复了引导折叠中的尴尬过渡,并删除了 .well 中访问过的链接样式