表行树中包含链接的引导选项卡
表行树中包含链接的引导选项卡
提问于 2016-12-14 11:00:17
我正在寻找一种使用引导选项卡的方法，如下所示：
我有一个表格，我希望每个人都点击一行，它会显示一个图像。
这是否可以做到呢？
引导程序代码如下所示，但我希望将链接应用到行'‘
div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">SHOW IMAGE 1</div>
<div role="tabpanel" class="tab-pane" id="profile">SHOW IMAGE 2</div>
<div role="tabpanel" class="tab-pane" id="messages">SHOW IMAGE 3</div>
<div role="tabpanel" class="tab-pane" id="settings">SHOW IMAGE 4</div>
</div>
我希望避免在td中应用它：
<td><a>....</a></td>因为单击区域将只是文本，而我希望它是行
我希望你能帮助我
Stack Overflow用户
发布于 2016-12-14 12:52:38
对不起，我在您的code snippet中看不到任何表格。。不是很确定当用户点击tr时你想如何弹出图像。
你可能会对手风琴感兴趣。这是你的fiddle
<button class="accordion">Home</button>
<div class="panel">
<img>
</div>
<button class="accordion">Profile</button>
<div class="panel">
<img>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41134132
复制相关文章
相似问题
腾讯云开发者
