gpt4 book ai didi

jquery - 更改菜单 CSS 类取决于 url 中的哈希值

转载 作者:行者123 更新时间:2023-12-01 02:58:32 25 4
gpt4 key购买 nike

我想更改菜单链接属性(颜色)取决于屏幕上焦点所在的 div。我在我的元素中使用了 curve.js,html 看起来像这样:

<div id="menu">
<a href="#section-1">link 1</a>
<a href="#section-2">link 2</a>
<a href="#section-3">link 3</a>
</div>
<ol class="curtains">
<li id="section-1" class="cover">
.....
</li>
<li id="section-2" class="cover">
.....
</li>
<li id="section-3" class="cover">
.....
</li>
</ol>

这是一个页面布局,其中每个部分将哈希传递到 url:如果section-1 处于焦点,则 url 将为 xxx/index.html#section-1

有什么想法吗?

最佳答案

您可以使用哈希作为选择器通过 ID 定位事件元素,然后使用 siblings() 将其他 li 背面的颜色设置为默认颜色:

$(window).on('hashchange', function() {
$('a[href="'+document.location.hash+'"]').css('color', 'red')
.siblings('a')
.css('color', 'black');
}).trigger('hashchange');

编辑:

单击时更改链接的颜色似乎更容易:

$('#menu a').on('click', function() {
$(this).css('color', 'red').siblings('a').css('color', 'black');
})

关于jquery - 更改菜单 CSS 类取决于 url 中的哈希值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14600746/

25 4 0