如何使用jquery选项卡使表中的元素切换
如何使用jquery选项卡使表中的元素切换
提问于 2015-06-21 02:06:44
嗨，我要做的是创建一个选项卡式分页，其中表中的元素也可以用来切换到另一个选项卡。我能够使用jquery使选项卡工作，但问题是当我单击表中的元素时，它不会切换到另一个选项卡。这是我的密码
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Table</a></li>
<li><a href="#tabs-2">Employee info</a></li>
</ul>
<div id="tabs-1">
<table>
<tr>
<td><a href="#tabs-2">ABC123</a></td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td><a href="#tabs-2">ABC124</a></td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
</div>
<div id="tabs-2">
<p>Info about ABC123 When clicked</p>
</div>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-06-21 02:16:55
尝试将其添加到您的jQuery中：
$(".tab2").on("click", function() {
$("#tabs").tabs("option", "active", 1);
});另外，将HTML更改为：
<table>
<tr>
<td><a class="tab2">ABC123</a></td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td><a class="tab2">ABC124</a></td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>文档
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30960613
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号