我需要帮助以显示按下的选项卡。
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#tabs" ).tabs();
} );
</script>
<div id="tabs">
<center><a href="#tabs-1"><img src="link.png"></a>
</div>
<a href="#tabs-2"><img src="link.png"></a>
</div>
</center>
</center><br><center><div id="tabs-1">
现在我看到所有选项卡。隐藏1个选项卡,只能在按TAB 1时显示?
如何隐藏1个选项卡,只显示wen Press Tab 1
为了隐藏选项卡1,您可以写:
$('#tabs-1').hide();
其中hide()是用于隐藏选项卡1的jQuery方法。
相反,如果您需要设置默认活动选项卡,则可以使用活动选项。
$("#tabs").tabs({
active: 0
});
<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<div id="tabs">
<ul>
<li><center><a href="#tabs-1"><img src="https://dummyimage.com/100x100/000/fff&text=1"></a></center></li>
<li><center><a href="#tabs-2"><img src="https://dummyimage.com/100x100/000/fff&text=2"></a></center></li>
</ul>
<div id="tabs-1">
<p>111111111111111111</p>
</div>
<div id="tabs-2">
<p>22222222222222222</p>
</div>
</div>