在一个页面上有两个jQuery UI选项卡式div,其中一个有效,另一个不起作用的原因可能是以下几个方面:
<div id="tabs">
<ul>
<li><a href="#tab1">选项卡1</a></li>
<li><a href="#tab2">选项卡2</a></li>
</ul>
<div id="tab1">
<!-- 选项卡1的内容 -->
</div>
<div id="tab2">
<!-- 选项卡2的内容 -->
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
$(document).ready(function() {
$("#tabs").tabs();
});
如果以上步骤都正确无误,但问题仍然存在,可能需要进一步检查浏览器控制台是否有报错信息,以及查看相关文档和社区资源寻求帮助。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云