快速「標籤」切換在移動網絡應用程序的菜單欄

Question

我想爲移動web應用程序有一個類似本機的標籤欄。

我必須改變在同一頁上的頁面內容固定的菜單列表，我想有菜單項挖掘時，但我發現在刪除之前選擇的項目一定的滯後性瞬間變亮狀態。

:active和:focus和.active都具有相同的外觀。

我改變菜單項腳本：

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

Answer 1

更快的解決方法是刪除只在需要的類：

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

}）

更快的選擇（因爲它由瀏覽器處理）是使用單選按鈕。您不需要任何腳本來解決該問題。你可以隨心所欲地設計風格。見

css tricks solution

hongkiat solution