我遇到了一个挑战,我想做Tab页
这是我的 Tab 按钮代码:
<ul>
<li class="Tabs Active" id="Tab1" onclick="SetActive(Tab1)">
<div>
<span>Tab1</span>
</div>
</li>
<li class="Tabs" id="Tab2" onclick="SetActive(Tab2)">
<div>
<span>Tab2</span>
</div>
</li>
这是标签页:
<div class="BodyBlock">
<div class="Content">
<div class="TabData" id="DataTab1">
Tab1 Data
</div>
<div class="TabHidden TabData" id="DataTab2">
Tab2 Data
</div>
</div>
它是显示用户单击 Tab 按钮的页面的功能
function SetActive(id) {
$('.Tabs').removeClass('Active');
$(id).addClass('Active');
$('.TabData').hide();
$('Data'+id).show();
}
当我想在第 4 行的 SetActive 函数中将“数据”添加到 id 时出现我的问题,添加选项卡按钮无法正常工作并且选项卡页不显示我使用 jquery v3.2.1
你忘记了最后一行的#。看下面的代码
function SetActive(id) {
$('.Tabs').removeClass('Active');
$(id).addClass('Active');
$('.TabData').hide();
$('#Data'+id).show();
}
你也忘记了单引号SetActive('Tab1')和SetActive('Tab2')
<li class="Tabs" id="Tab2" onclick="SetActive('Tab1')">
<li class="Tabs" id="Tab2" onclick="SetActive('Tab2')">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句