我有一个折叠面板主体,像这样( the fiddle ,现在有固定代码):
<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>
data-toggle 设置在面板标题上,因为我想点击它的任何地方来打开另一个面板。除了第二个链接。我的目标是禁用第二个链接的折叠行为。实现该目标的最佳/最简单方法是什么?
重要:我不想只在第一个链接上设置数据切换。我希望在面板上的任意位置单击以触发偶数,第二个链接除外。
最佳答案
您需要为那些您不想触发折叠事件的元素添加一个类,然后通过 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();
});
关于javascript - 禁用数据切换元素中链接的折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24123941/