Javascript 为什么'；t$（“选项卡列表”）。每次（）运行？

这个想法是一个简单的html标签

单击选项卡时，内容会发生更改

我试着使用Chrome开发工具，复制并粘贴了js的第一行，它就运行了。这让我很困惑。

---

Ritesh说，arrow函数没有

这个

，因此如果您希望将

（）=>{}

转换为

函数（）{}

，我们将不胜感激。您还缺少

“选项卡控件”

工作示例

$（“.tab列表”）。每个（函数（）{
$（“#p”）.html（“你好”）
/*对于每个选项卡列表*/
设$this=$（this）；
让$tab=$this.find（“li.active”）；
让$link=$tab.find（“a”）；
让$panel=$（$link.attr（“href”）；
/*单击选项卡时，添加此功能*/
$this.on（“单击“，”选项卡控件），函数（e）{
e、 预防默认值（）；
让$link=$（这个）；
设id=this.hash；
如果（id&！$link.is（“活动”））{
$panel.removeClass（“活动”）；
$tab.removeClass（“活动”）；
$panel=$（id）.addClass（“活动”）；
$tab=$link.parent（）.addClass（“活动”）；
}
});
});
/*创建页面*/
.创造{
底部：75px；
顶部：75px；
左：20px；
字体大小：大号；
宽度：100px；
}
.选项卡面板{
显示：无；
}
.tab-panel.active{
显示：块
}









目标
你期望的结果是什么？
什么样的人能达到这样的结果？
回应
这类人有什么习惯？
列出你在这个新习惯的前2分钟可以做的事情，从非常简单到非常困难

很容易
容易的
正常的
困难的
很难
奖赏
你可以跟踪什么来衡量你的进步？
您将使用什么来跟踪您的进度？
暗示
你如何设计你的环境，使它成为你的新习惯？
在你养成新习惯之前，你会先养成哪种习惯？
渴求
你如何重新设计你的新习惯，使它看起来更具吸引力？
你想做什么样的习惯，新习惯之后你会做什么？
预览+保存习惯
要下载备忘单，请单击预览习惯
预习习惯
要将您的习惯保存到“习惯列表”，请稍后单击“保存习惯”下载。
保存习惯
Ass-Ritesh说，arrow函数没有
这个
，所以如果您愿意，可以将
（）=>{}
转换为
函数（）{}
。您还缺少
“选项卡控件”

工作示例


$（“.tab列表”）。每个（函数（）{
$（“#p”）.html（“你好”）
/*对于每个选项卡列表*/
设$this=$（this）；
让$tab=$this.find（“li.active”）；
让$link=$tab.find（“a”）；
让$panel=$（$link.attr（“href”）；
/*单击选项卡时，添加此功能*/
$this.on（“单击“，”选项卡控件），函数（e）{
e、 预防默认值（）；
让$link=$（这个）；
设id=this.hash；
如果（id&！$link.is（“活动”））{
$panel.removeClass（“活动”）；
$tab.removeClass（“活动”）；
$panel=$（id）.addClass（“活动”）；
$tab=$link.parent（）.addClass（“活动”）；
}
});
});
/*创建页面*/
.创造{
底部：75px；
顶部：75px；
左：20px；
字体大小：大号；
宽度：100px；
}
.选项卡面板{
显示：无；
}
.tab-panel.active{
显示：块
}









目标
你期望的结果是什么？
什么样的人能达到这样的结果？
回应
这类人有什么习惯？
列出你在这个新习惯的前2分钟可以做的事情，从非常简单到非常困难

很容易
容易的
正常的
困难的
很难
奖赏
你可以跟踪什么来衡量你的进步？
您将使用什么来跟踪您的进度？
暗示
你如何设计你的环境，使它成为你的新习惯？
在你养成新习惯之前，你会先养成哪种习惯？
渴求
你如何重新设计你的新习惯，使它看起来更具吸引力？
你想做什么样的习惯，新习惯之后你会做什么？
预览+保存习惯
要下载备忘单，请单击预览习惯
预习习惯
要将您的习惯保存到“习惯列表”，请稍后单击“保存习惯”下载。
保存习惯
请确保在完成后绑定
$(".tab-list").each( () => {
    $("#p").html("hello")    
    /* for each tab-list*/
    let $this = $(this);
    let $tab = $this.find("li.active");
    let $link = $tab.find("a");
    let $panel = $($link.attr("href"));

    /*When Clicked on a tab add this function*/
    $this.on("click", "tab-control", (e) => {
        e.preventDefault();
        let $link = $(this);
        let id = this.hash;


        if (id && !$link.is("active")) {
            $panel.removeClass("active");
            $tab.removeClass("active");


        $panel = $(id).addClass("active");
        $tab = $link.parent().addClass("active");
        }
    });
});

$(document).ready(function() {
    $(".tab-list").bind("click",function(event) {
      this...