Custom Links in Sharepoint Website

Question

Good Day,

I am having a little issue with creating static links in my Sharepoint Template. In the HTML for my navbar, I have attempted to link to the other pages that will be in the website, but the navigation does not work.

Adding links inside sharepoint work, and the href that is generated is the same formatted that I have used in my HTML.

<ul class="nav navbar-nav navbar-right" style="margin-top: 40px; ">
          <li class="active"><a href="/Pages/default.aspx">HOME</a></li>
          <li><a href="/Pages/about-us.aspx">ABOUT US</a></li>
          <li><a href="#">KEY FEATURES</a></li>
          <li><a href="#">SERVICES</a></li>
          <li><a href="#">DOCUMENTATION</a></li>
</ul>

The markup generated by the Sharepoint link is:

<a href="/Pages/about-us.aspx">About-Us.aspx</a>

I checked and case sensitivity is not an issue. Am I missing something? Or is there a more effective way to do this linking?

I saw an error about an uncaught error in my inspect element saying: 'Uncaught Error: Syntax error, unrecognized expression: /Pages/about-us.aspx'.

It references the jQuery.min.js as the source of said exception and below is the code for the section of the min.js file throwing the error.

function(e,n){(e.ownerDocument||e)!==f&&p(e);var i=o.attrHandle[n.toLowerCase()],a=i&&L.call(o.attrHandle,n.toLowerCase())?i(e,n,!h):t;return a===t?r.attributes||!h?e.getAttribute(n):(a=e.getAttributeNode(n))&&a.specified?a.value:null:a},at.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)}

Answer 1

I don't have enough reputation to comment yet, so I'm putting this as an answer instead.

Need more information to help you. How is the navigation not working? Do you get a 404 page not found error? What url is it linking to? Is the generated url that does not work EXACTLY the same as the manually created url that does work?

Take a look at the generated HTML in your browser's dev tools inspector and verify what the nav links are actually pointing to.