js 按表分页
我有js和html代码，但这不起作用。 如何让它发挥作用？
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('div.tabs div.tabs-nav a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs div.tabs-nav a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
</script>
<div class="tabs">
<div class="tabs-nav">
<table width="100%">
<tr>
<td><a href="#" href="#tab-1">link-1</a></td>
<td><a href="#" href="#tab-2">link-2</a></td>
<td><a href="#" href="#tab-3">link-3</a></td>
<td><a href="#" href="#tab-4">link-4</a></td>
<td><a href="#" href="#tab-5">link-5</a></td>
<td><a href="#" href="#tab-6">link-6</a></td>
</tr>
</table>
</div>
<div id="tab-1">
<p>text text text</p>
</div>
</div>
I have js and html code, but this does not work.
How to get it to work?
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('div.tabs div.tabs-nav a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs div.tabs-nav a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
</script>
<div class="tabs">
<div class="tabs-nav">
<table width="100%">
<tr>
<td><a href="#" href="#tab-1">link-1</a></td>
<td><a href="#" href="#tab-2">link-2</a></td>
<td><a href="#" href="#tab-3">link-3</a></td>
<td><a href="#" href="#tab-4">link-4</a></td>
<td><a href="#" href="#tab-5">link-5</a></td>
<td><a href="#" href="#tab-6">link-6</a></td>
</tr>
</table>
</div>
<div id="tab-1">
<p>text text text</p>
</div>
</div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
听起来您正在尝试向页面添加选项卡。只需使用 jQuery UI 和选项卡模块即可。这是工作示例，只需查看源代码并将其复制出来：
http://jqueryui.com/demos/tabs/< /a>
您可以使用 jQuery UI 主题设置它们的样式：
http://jqueryui.com/themeroller/
享受： ）
It sounds like you're trying to add tabs to your page. Just use jQuery UI and the tabs module. Here's the working example, just view source and copy it out:
http://jqueryui.com/demos/tabs/
You can style them using jQuery UI themes:
http://jqueryui.com/themeroller/
Enjoy :)