JQuery 无法识别的表达式。基础链接

Question

我有这个链接:

<nav>
    <div class="myClass" id="myId">
        <ul class="right">
            <li><a href="#foo">Link 1</a></li> <
            <li><a href="http://subdomain.mywebsite.com">Subdomain</a></li>
            <li><a href="/foo">Foo</a></li>
       </ul>
    </div>
</nav>

第一个效果很好，但在另外两个中，我在浏览器控制台中收到此错误:

Error: Syntax error, unrecognized expression: /foo               jquery.js:24:10790

有趣的是，我还有其他链接是这样制作的，而且效果很好:

<nav class="myClass">
    <ul class="myOtherClass">
        <li><a href="http://something.com">Domain</a></li>
        <li><a href="/foo" target="_blank">Foo</a></li>
        <li><a href="http://mySubdomain.myDomain.com">Subdomain</a></li>
   </ul>
</nav>

我不确定为什么会这样。我使用 Zurb Foundation。

Answer 1

据我所知， 你有最后两个 href 内容错误如下:

<li><a href="/fun">Fun Ranch</a></li>
<li><a href="#/test">Test</a></li>

<li><a href="#fun">Fun Ranch</a></li> makes the page scroll to that id 'fun' but '/fun' is another path in web. Please check.