使用jQuery运行选项卡时出错？

我开发了我的标签，只使用jQuery，没有其他第三方插件

jQuery（文档）.ready（函数（）{
$（“.resp选项卡内容”）.hide（）；
$（“ul.resp-tabs-list li:first”）.addClass（“active”）.show（）；
$（“.resp选项卡内容：第一”）.show（）；
$（“ul.resp-tabs-list li”）。单击（函数（）
{
$（“ul.resp-tabs-list li”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
$（“.resp选项卡内容”）.hide（）；
var activeTab=$（this.find（“span”）.attr（“href”）；
$（activeTab.fadeIn（）；
返回false；
});
});
ul.resp-tabs-list{
列表样式：无；
背景：无；
保证金：0自动；
填充：0；
边框底部：实心1px#eaea；
}
.resp选项卡项{
颜色：#343a4e；
字体大小：.875em；
光标：指针；
填充：0.6em.5em；
显示：内联块；
列表样式：无；
浮动：左；
边框底部：实心1px#FFFFFF；
大纲：无；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
-ms转换：所有0.3秒都会变慢；
-o型过渡：所有0.3秒都会变缓；
过渡：所有0.3秒放松；
文本转换：大写；
}
.resp选项卡处于活动状态{
文本阴影：无；
颜色：#1ca0de；
边框底部：实心1px#3E9CCA；
垫底：5em；
}
.resp选项卡容器{
填充：0px；
清除：左；
边界顶部：无；
背景：无；
}
.选项卡内容{
利润率：1米0；
边框底部：实心1px#eaea；
垫底：1米；
}


今天
本周
本月

A.
B
C
将JQuery脚本放在代码底部。
尝试以下操作


对于
li
，活动类是
resp tab活动的
设置并重置该类
删除
display:block
样式，因为它是不必要的
为内容div提供
id
为span元素提供
hrefs
将
display:flex
添加到
ul.resp选项卡列表的样式中

注意，不应将
href
用于span。使用一些数据属性，如
数据选项卡id
等


jQuery（文档）.ready（函数（）{
$（“.resp选项卡内容”）.hide（）；
$（“ul.resp-tabs-list li:first”）.addClass（“active”）.show（）；
$（“.resp选项卡内容：第一”）.show（）；
$（“ul.resp-tabs-list li”）。单击（函数（）
{
$（“ul.resp-tabs-list li”）.removeClass（“resp-tab活动”）；
$（this.addClass（“resp选项卡处于活动状态”）；
$（“.resp选项卡内容”）.hide（）；
var activeTab=$（this.find（“span”）.attr（“href”）；
$（activeTab.fadeIn（）；
返回false；
});
});
ul.resp-tabs-list{
列表样式：无；
背景：无；
保证金：0自动；
填充：0；
显示器：flex；
边框底部：实心1px#eaea；
}
.resp选项卡项{
颜色：#343a4e；
字体大小：.875em；
光标：指针；
填充：0.6em.5em；
显示：内联块；
列表样式：无；
浮动：左；
边框底部：实心1px#FFFFFF；
大纲：无；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
-ms转换：所有0.3秒都会变慢；
-o型过渡：所有0.3秒都会变缓；
过渡：所有0.3秒放松；
文本转换：大写；
}
.resp选项卡处于活动状态{
文本阴影：无；
颜色：#1ca0de；
边框底部：实心1px#3E9CCA；
垫底：5em；
}
.resp选项卡容器{
填充：0px；
清除：左；
边界顶部：无；
背景：无；
}
.选项卡内容{
利润率：1米0；
边框底部：实心1px#eaea；
垫底：1米；
}


今天
本周
本月

A.
B
C

你做得不对。您添加了错误的
活动类
resp选项卡处于活动状态

不要在
span
中使用
href
，而要使用
数据目标
到目标
li

jQuery（文档）.ready（函数（）{
$（“.resp选项卡内容”）.hide（）；
$（“ul.resp-tabs-list li:first”）.addClass（“resp-tab-active”）.show（）；
$（“.resp选项卡内容：第一”）.show（）；
$（“ul.resp-tabs-list li”）。单击（函数（）{
$（“ul.resp-tabs-list li”）.removeClass（“resp-tab活动”）；
$（this.addClass（“resp选项卡处于活动状态”）；
$（“.resp选项卡内容”）.hide（）；
var activeTab=$（this.find（“span”）.attr（“数据目标”）；
$（activeTab.fadeIn（）；
//返回false；
});
});
ul.resp-tabs-list{
列表样式：无；
背景：无；
保证金：0自动；
填充：0；
边框底部：实心1px#eaea；
}
.resp选项卡项{
颜色：#343a4e；
字体大小：.875em；
光标：指针；
填充：0.6em.5em；
显示：内联块；
列表样式：无；
浮动：左；
边框底部：实心1px#FFFFFF；
大纲：无；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
-ms转换：所有0.3秒都会变慢；
-o型过渡：所有0.3秒都会变缓；
过渡：所有0.3秒放松；
文本转换：大写；
}
.resp选项卡处于活动状态{
文本阴影：无；
颜色：#1ca0de；
边框底部：实心1px#3E9CCA；
垫底：5em；
}
.resp选项卡容器{
填充：0px；
清除：左；
边界顶部：无；
背景：无；
}
.选项卡内容{
利润率：1米0；
边框底部：实心1px#eaea；
垫底：1米；
}



今天


本周


这个月


A.
B