使用WayPoints js从我的Navbar打开外部html页面

时间:2016-02-22 05:59:08

标签: javascript jquery navbar smooth-scrolling jquery-waypoints

我的导航栏中包含指向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>

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我认为你在滥用jQuery $('') selector syntax。您需要按照以下value of their href attribute选择元素:

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