在同一页面上选择jquery的当前锚点

有没有办法选择当前的锚点，并让它在一个页面网站的每个部分都可见？例如，我的所有页面（家庭/联系人/商店等）都位于一个页面上，处于水平滚动布局。当我选择锚点时，它会突出显示当前的锚点，但不会在滚动到页面的下一部分时保持该锚点突出显示。相反，它突出显示，并随着滚动开始，锚点的高光消失。下面是我使用的代码：我曾想过使用jQuery UI做在同一页面上选择jquery的当前锚点

$('#nav a').click(function() { 
alert($(this).attr('href')); 
});

，但似乎有点太多只是执行此操作。因此，在相同的页面中突出显示该项目的当前锚点，但是当滚动到其他部分保持突出显示时。思考？

在此先感谢

来源

2012-04-23 Junaid Hussain

我猜你是在谈论当你点击一个锚发生这种情况对焦点默认覆盖？

如何添加类的当前活动的部分来代替：

$("#nav a").click(function() { 
    var self = $(this), className = "active"; 
    self.addClass(className).siblings("."+className).removeClass(className); 
    ... 
});

您还可能要检查this answer，因为它可能是相关的。如果这个答案对你没有帮助，我的建议是在jsFiddle上创建一个测试用例来帮助你进一步描述你的问题。

来源

2012-04-23 15:09:28 mekwall

是的，这是非常接近我想要实现，几乎死了 - 不过，我首先要弄清楚如何应用它挣扎在水平方向上垂直滚动代码。关于你链接到什么 – 2012-04-23 15:25:43

是否这样？

JS：

$('#nav a').click(function(){ 
    $('#nav a').removeClass('highlighted'); 
    $(this).addClass('highlighted'); 
});

CSS：

.highlighted { 
    background: #ffffeo; 
}

来源

2012-04-23 15:09:45 wanovak

嗨，我无法让它工作不正常，也许我误解了它的实现。这里的网站：http：//sekhu.net/charlie2/index.php，你可以看到当前的选择器处于活动状态，但只要页面滚动它就会消失？ – 2012-04-23 15:17:11

在一个页面上不能有多个相同的“id”。如果你这样做，期望JavaScript表现得有趣。 – wanovak 2012-04-23 15:25:25

我看到 - 我将如何去解决这个问题呢？我会感谢您提供的任何见解和指导。谢谢。 – 2012-04-23 15:58:20

在同一页面上选择jquery的当前锚点

回答

相关问题