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.