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

Question

I have a navbar with links to divs in my html page. One of the links however is an external html page. Clicking the link to the html page doesn't work and I can't figure out why. In my waypoints function, I have something like this:

$('#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' });

This is my navbar:

<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>

Any suggestions?

Answer 1

I think you're misusing the jQuery $('') selector syntax . You need to select the elements by the value of their href attribute like this this:

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