Javascript 添加新选项卡时,Jquery选项卡未正确更新CSS
我正在尝试创建一个新选项卡,允许您查看选项卡中的内容并在选项卡之间进行选择,当前,当我添加一个新选项卡时,它不允许我在选项卡之间切换并断开另一个选项卡。我发现这是由于CSS没有在新的tab div中刷新和加载。我需要做什么来确保新的div具有用于该选项卡的CSSJavascript 添加新选项卡时,Jquery选项卡未正确更新CSS,javascript,jquery,css,tabs,Javascript,Jquery,Css,Tabs,我正在尝试创建一个新选项卡,允许您查看选项卡中的内容并在选项卡之间进行选择,当前,当我添加一个新选项卡时,它不允许我在选项卡之间切换并断开另一个选项卡。我发现这是由于CSS没有在新的tab div中刷新和加载。我需要做什么来确保新的div具有用于该选项卡的CSS function addGroup() { tabcount++; document.getElementById('tab').innerHTML += '<li><a href="#tabs-'+tabcount+
function addGroup() {
tabcount++;
document.getElementById('tab').innerHTML += '<li><a href="#tabs-'+tabcount+'">Aenean lacinia</a></li>';
document.getElementById('tab-content').innerHTML += '<div id="tabs-'+tabcount+'"><h2>Content heading 3</h2><p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p></div>';
函数addGroup(){
tabcount++;
document.getElementById('tab')。innerHTML+='';
document.getElementById('tab-content').innerHTML+='内容标题3Mauris eleifend est et turpis.Duis id erat.Suspendisse potenti.Aliquam vulputate,ped vel veil acumsan,mi neque rutrum erat,eu congue orci lorem eget lorem.门厅非ante.Class aptent tacti taciti socialsqu and litora tornt per per conubia nostra,perceptos himenaeos.fuce sodales.Quisque eu urna ve我是一个通俗易懂的人,我是一个通俗易懂的人,我是一个通俗易懂的人,我是一个通俗易懂的人,我是一个通俗易懂的人,我是一个通俗易懂的人;
我也在使用Jquery 1.11,并试图查看他们的文档,但没有注意到关于如何添加选项卡的文档。您在这里为不同的选项卡提供了不同的ID
id="tabs-'+tabcount+'"
因此,我猜您将有类似于tabs-0
tabs-1
的选项卡。您应用于tabs-0
的样式将不适用于tabs-1
您可以将类添加到div中,然后使用css选择器以这些类为目标
<div id="tabs-'+tabcount+'" class="tabs">
或者为您使用的每个id添加css
#tabs-1, #tabs-2 {
//css code
}
这是有道理的,但我应该更清楚的是,Jquery选项卡会自动导入类、角色和
#tabs-1, #tabs-2 {
//css code
}