- 答：空鏈接不工作活動

我有一個錶鏈接按鈕，不加載新頁面，但他們只是使用onclick事件來隱藏/顯示其他表。不過，我需要突出顯示按鈕哪一個是活動的，但它不起作用/當您單擊並按住鼠標時，該按鈕將突出顯示，但是當您放下鼠標時，它會再次褪色。- 答：空鏈接不工作活動

<div class="category2"><a href="#" onclick="showStuff('tabulka-adidas'); return false;">Adidas</a></div> 
<div class="category2"><a href="#" onclick="showStuff('tabulka-nike'); return false;" >Nike</a></div> 
<div class="category2"><a href="#" onclick="showStuff('tabulka-everlast'); return false;">Everlast</a></div>

在這裏看到小提琴 http://jsfiddle.net/LnqbU/11/

我怎樣才能凸顯當前活動的按鈕？

感謝

來源

2013-10-06 user2466601

你希望這僅適用於CSS工作？因爲如果你想讓選定的按鈕保持穩定的紅色，你可能想用一些JS來添加一個類，它可以和'：active'僞類相同。 – shaunix

a:active是在點擊鏈接時觸發（當你按住mousebutton）的風格。

你想要什麼，你需要Javascript或jQuery來爲鏈接添加一個「活動」類。例如使用jQuery：

HTML：

<div class="category2"><a class="linkButton" href="#" onclick="showStuff('tabulka-adidas'); return false;">Adidas</a></div> 
<div class="category2"><a class="linkButton" href="#" onclick="showStuff('tabulka-nike'); return false;" >Nike</a></div> 
<div class="category2"><a class="linkButton" href="#" onclick="showStuff('tabulka-everlast'); return false;">Everlast</a></div>

的jQuery：

$(".linkButton").on("click", function() { 
    $(".linkButton").removeClass("active"); 
    $(this).addClass("active"); 
});

我更新了上面的代碼（check here），這也引發了家長CSS你撥弄。 :)

來源

2013-10-06 12:05:26 LinkinTED

你好，謝謝這對我有用，但我必須點擊兩次按鈕。第一次點擊：按鈕高亮，第二次點擊：刪除高亮樣式，第三次點擊：樣式再次應用。我想要一次點擊 – user2466601

當您單擊並按住鼠標時，該按鈕將突出顯示，但是當您放下鼠標時，它會再次褪色。

那是因爲那是多麼:active是defined：

「的：active僞類適用，而一個元素被用戶激活。例如，之間的時間用戶按下鼠標按鈕和釋放它。」

我怎樣才能凸顯當前活動的按鈕？

由於您已經使用JavaScripot，爲什麼不給它一個類，當它是「活動」，並通過它格式化？

（當然，那麼當一個新的被激活，從先前激活的元素刪除類。）

來源

2013-10-06 12:06:20 CBroe

- 答：空鏈接不工作活動

回答

相關問題