使用 WayPoints js 从我的导航栏打开一个外部 html 页面

Question

我的 html 页面中有一个导航栏，其中包含指向 div 的链接。然而，其中一个链接是外部 html 页面。单击指向 html 页面的链接不起作用，我不知道为什么。在我的航点功能中，我有这样的东西：

$('#home, login.html, #about, designs, #services, #contact').waypoint(function() {
    activenav($(this));
}, { offset: function() {
    return -$(this).height()+52;
  }});
$('#home, login.html, #about, designs, #services, #contact').waypoint(function() {
    activenav($(this));
}, { offset: '51px' });

这是我的导航栏：

<nav>
        <ul class="nav masthead-nav">
            <li class="active"><a href="#home">Home</a></li>
            <li><a href="login.html" rel="nofollow" target="_blank">Login</a></li>
            <li><a href="#about">About Us</a></li>
            <li><a href="#designs">Interior Designs</a></li>
            <li><a href="#services">Our Services</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>

有什么建议吗？

Answer 1

我认为您误用了jQuery $('') selector syntax。您需要通过value of their href attribute 选择元素，如下所示：

$('[href="value_of_href"]')