在頁面重定向時保持按鈕狀態

Question

當您位於單擊按鈕的地址時，是否可以將屬性設置在：hover中？

澄清讓我們說我點擊一個按鈕，它會變成紅色，並且它會重定向到mysite.com/buttonPage.html。在buttonPage.html上，我可以保持按鈕紅色？

Answer 1

通常，在服務器端，如果目標與當前頁面匹配，則向按鈕/鏈接添加一個類。喜歡的東西（在PHP）：

<a href="<?php echo $url; ?>" 
<?php 
    if ($url === current_url()) echo ' class="current"'; 
?> 
>Link Text</a> 

的.current選擇然後添加到樣式:hover。

這實際上並不「維護狀態」，但應該做你想做的事情。

Answer 2

編號保持按鈕紅色的唯一方法是如果你有某種外部持久性。瀏覽器不會爲你處理這種持久性。

而不是重定向到另一個頁面，您可以在當前頁面中進行AJAX渲染，在這種情況下，您的按鈕將繼續呈現紅色。當重定向到另一個頁面時，雖然，你將失去​​狀態。

你可以用任何方式將頁面的呈現與持久性聯繫起來，比如說一個數據庫，告訴你是否投了我的答案。如果你這樣做了，那麼在你查看邏輯的某個地方，你會渲染橙色按鈕。