我正在尝试为移动web应用程序提供一个本机风格的选项卡栏。
我有一个固定的菜单列表,可以更改同一页上的页面内容,我想让菜单项在点击时立即更改突出显示的状态,但发现在删除之前选择的项目时出现了一些滞后。
:active
、:focus
和.active
都具有相同的外观。
我的更改菜单项脚本:
$(".nav li").click(function(e){
$(".nav li").removeClass("active");
$(this).addClass("active");
//do other functions...
})
发布于 2014-02-22 08:00:58
一种更快的解决方案是只在需要的地方删除类:
$(".nav li").click(function(e){
$(".nav .active").removeClass("active");
$(this).addClass("active");
//do other functions...
})
一种更快的替代方法(因为它是由浏览器处理的)是使用单选按钮。您不需要为该解决方案编写任何脚本。你可以随心所欲地设计它的样式。看见
https://stackoverflow.com/questions/21949516
复制