如何使这些标签工作?

时间:2016-08-24 15:58:25

标签: javascript

我正在学习JS,并决定尝试从头开始编写一个简单的标签。

我有两个功能。一个用于向每个标签添加课程'active',另一个用于通过点击导航中的li来触发此功能

这是我的代码
https://codepen.io/Allan11/pen/Bzvxya

问题在于,类的toggels似乎没有正确的方法。你能告诉我如何修复它的正确方向,或者我对这些功能的处理方法是错误的,并且有一种更简单的方法吗?

1 个答案:

答案 0 :(得分:0)

如果你想以这种方式编写,你需要通过在处理程序中放置一个参数并查看li来捕获click事件所引发的元素。这将告诉您哪些<?xml version="1.0"?> <tag1> <tag2> <tag3> <tag4>read me</tag4> </tag3> </tag2> </tag1> 项被点击了。但是,您需要找到一种方法来识别属于此li项的内容并将.active类分配给它,并从所有其他类中删除该类。我个人会在li上使用共享类或数据项来执行此操作。

然而,所有这些似乎都试图在jQuery和jQuery UI框架中做一些已经存在的东西。除非你有充分的理由重新发明轮子,否则我只会使用jQuery UI。