在页面重定向时保持按钮状态

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渲染，在这种情况下，您的按钮将继续呈现红色。当重定向到另一个页面时，虽然，你将失去​​状态。

你可以用任何方式将页面的呈现与持久性联系起来，比如说一个数据库，告诉你是否投了我的答案。如果你这样做了，那么在你查看逻辑的某个地方，你会渲染橙色按钮。