如何在不关闭父选项卡的情况下打开子选项卡

时间:2016-12-31 03:33:46

标签: javascript html parent-child

这只是我的代码的一部分,有很多标签,但只有一个父母和一个孩子,我没有看到这里的人像我一样,他们都使用$。所以我不能使用他们的代码,我是新编码所以我无法解密并重新编写代码。我希望你能理解我在这里写的东西,这是我玩的游戏。如果我能得到答案,那将是非常好的。 :) 谢谢。此外,如果您需要有关某些行代码的更多信息,我会添加更多信息。

datetime_df = df.iloc[:, 7:207]
datetime_df.columns = pd.to_datetime(datetime_df.columns)
pd.concat([df.iloc[:,:7], datetime_df.resample("Q", axis=1).mean(), df.iloc[:,208:]], axis = 1)
function openTab(evt, tabName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace("active", "");
    }
    document.getElementById(tabName).style.display = "block";
    evt.className += " active";
}
function openArmor(evt, tabArmor) {
    var i, armorcontent, armorlinks;
    armorcontent = document.getElementsByClassName("armorcontent");
    for (i = 0; i < armorcontent.length; i++) {
        armorcontent[i].style.display = "none";
    }
    armorlinks = document.getElementsByClassName("armorlinks");
    for (i = 0; i < armorlinks.length; i++) {
        armorlinks[i].className = armorlinks[i].className.replace("active", "");
    }
    document.getElementById(tabArmor).style.display = "block";
    evt.className += " active";
}
.tabContent{
	display:none;
}
.armorcontent{
	display:none;
}
li a {
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
li{
	float: left;
}
li a:hover:not(.active){
	background-color: black;
	color: red;
}
#mainNav{
	list-style-type: none;
	background-color: #f7f5f3;
	width: 100%;
	padding: 0;
	overflow: hidden;
	top: 0;
}
ul{
	list-style-type: none;
	background-color: #f7f5f3;
	width: 100%;
	padding: 0;
	overflow: hidden;
	top: 0;
	margin: 0;
	border-radius: 20px 20px 0px 0px;
}
ul#mainNav{
	background-color: rgba(100, 0, 0, 0.5);
}
footer{
	bottom: 0;
	position: fixed;
	background-color: rgba(192, 192, 192, 0.4);
	margin-left: 273px;
	padding: 10px 12px;
	border-radius: 20px 0px;
}
section div{
	background-color: rgba(180, 0, 0, .6);
	padding: 8px 10px;
	height: 90%;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;    
}



<!-- begin snippet: js hide: false console: true babel: false -->

1 个答案:

答案 0 :(得分:0)

如果你想在一个标签中制作一个标签,就像我所需要的那样是将第二个函数var从“i”更改为“a”它将函数分开并导致父标签在子标签时停止关闭打开了。