为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/Bootstrap

/玩转Bootstrap（JS插件篇）

如何把点击区域扩充为整个panel-heading，而不只是a标签文字部分？

希望点击整个 panel-heading 部分都能触发展开与收缩，该如何实现？

TWT

2016-04-25

源自：玩转Bootstrap（JS插件篇）  5-2

关注问题 我要回答
2019
操作
收起

正在回答

2 回答

陈微语 回答被采纳 +3 积分
2016-04-26

<h4 class="panel-title" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo"><a >标题二</a></h4>

0 回复 有任何疑惑可以回复我~
收起回答
#1

TWT 提问者

请问原理是把触发器放置在块元素之上，以实现panel-heading的整个填充吗？
2016-04-26 回复 有任何疑惑可以回复我~
#2

陈微语 回复 TWT 提问者

对，不过有个问题是，你需要准确点中h4 ，才能触发，而点中h4父元素的padding范围是触发不了的
2016-04-26 回复 有任何疑惑可以回复我~
#3

TWT 提问者

明白了，非常感谢！
2016-04-26 回复 有任何疑惑可以回复我~
陈小晓
2016-08-24

直接在panel-heading加data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo"也行，就不会有padding问题了


0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
玩转Bootstrap（JS插件篇）
  • 参与学习       128655    人
  • 解答问题       296    个

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

进入课程

本课相似问答

1 回答a 标签触发器 href=&quot;&quot; 时，为什么点击后弹出当前页面？

2 回答这个触发器写整体上效果感觉比写a标签里面好很多

3 回答没有办法把手风琴放入到嵌套列中，老是占了整行，这是为什么，如何解决？？

1 回答panel-collapse放在panel外面将失去parent功能

1 回答按教程做出的弹出框 为什么点击罩影部分也会关闭弹出框？
搜索更多本课相关问答

如何把点击区域扩充为整个panel-heading，而不只是a标签文字部分？

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信