在哈希更改时更改样式

Question

我正在寻找一种通过改变散列来改变部分样式的方法。让我以一个例子来解释：

>

当前URL为:
example.com/drinks/?all-drinks=drinks

然后单击复选框，URL将更改为:
example.com/drinks/?all-drinks=drinks&drinks=spirits-drinks

我想更改类的style。

我尝试了以下代码，但它不起作用：

<script>
$( window ).on( 'hashchange', function( e ) {
    console.log( 'hash changed' );
} );
</script>

实际上，每次哈希更改时，控制台中都不会出现任何内容。

Answer 1

当URL的片段标识符（URL中以#符号开头和后面的部分）发生更改时，将激发hashchange事件。

如果您试图检测？all-drinks=drinks到？all-drinks=drinks&drinks=spirits-drinks这不包含在哈希更改中

1. 您可以扩展locationchange，就像@aljgom在这里解释的那样：在他的答案中
2. 或onpopstate事件，此处解释
3. 或某些monkey补丁来“伪造”本答案中解释的某种onpushstate