本文介绍了防止在单击标题上的按钮时打开引导手风琴的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有两个操作按钮，它们位于手风琴的标题上，如下所示：

当我单击其中一个按钮时，它会切换手风琴的状态，我尝试了e.preventDefault()和e.stopImmediatePropagation()，但没有结果

这是jsfiddle：

https://jsfiddle.net/bxzhqsad/3/

请记住，我使用的是Bootstrap 5。

推荐答案

在.accordion按钮内嵌套元素不允许捕获内部元素事件。实现此功能的一种方法是将内部按钮与.accordion按钮分开，然后使用绝对定位实现视觉上相似的外观：

    

      
        
Title 1
      
      

          
          
        
    

请参阅the modified fiddle

这篇关于防止在单击标题上的按钮时打开引导手风琴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持吉威生活！

[英文标题]Prevent bootstrap accordion from openning when clicking on a button on header

声明：本媒体部分图片、文章来源于网络，版权归原作者所有，如有侵权，请联系QQ:330946442删除。