Javascript “快速”；标签"；在移动web app中切换菜单栏

我正在尝试为移动web应用程序提供一个类似本机的选项卡栏

我有一个固定的菜单列表，可以更改同一页面上的页面内容，我想让菜单项在点击时立即更改突出显示的状态，但我发现在删除以前选择的项目时有些滞后

：active

和

：focus

和

.active

都具有相同的外观

我的更改菜单项脚本：

$(".nav li").click(function(e){
    $(".nav li").removeClass("active");
    $(this).addClass("active");
    //do other functions...
})

---

更快的解决方案是仅在需要时删除类：

$(".nav li").click(function(e){
    $(".nav .active").removeClass("active");
    $(this).addClass("active");
    //do other functions...

})

一个更快的选择（因为它是由浏览器处理的）是使用单选按钮。您不需要为该解决方案编写任何脚本。你可以随心所欲地设计它。看