JavaScript not loading consistently on SharePoint CEWP

Question

I am trying to use the HillbillyTabs.4 JS file in my SharePoint Online site collection (not the root collection https://tenant.sharepoint.com, but https://tenant.sharepoint.com/sites/teamsite).

All scripts and files are stored in that team site (/sites/teamsite/SiteAssets/js or /sites/teamsite/SiteAssets/css).

I manage to get the tabs running fine by using a CEWP and referencing the JS file that loads all the scripts and css on the page. It runs fine and dandy. But a few times, when I refresh the page or navigate back to it, SharePoint for some reason starts trying to reference the files in the root site collection.

That is, SharePoint starts looking for the scripts and css from https://tenant.sharepoint.com/SiteAssets/js or https://tenant.sharepoint.com/SiteAssets/css.

Nothing has changed in the CEWP, the original script file referenced in the CEWP is fine as well, that hasn't changed. No one else is working on the site (its still in dev). There is no other JS running on the page except the referenced in CEWP.

The weird thing is, it seems to work some times and not always. Which to me means there is something interfering with its execution but everything is out of the box so that doesn't make sense either. Any ideas would be appreciated!

EDIT: As soon as I posted this, I noticed something very peculiar. If I navigate to the url tenant.sharepoint.com/sites/teamsite, it doesnt work. But if I navigate to the url tenant.sharepoint.com/sites/teamsite/pages/default.aspx, it works!! WHAT

Answer 1

Just in case someone comes across the same issues as I did. Managed Navigation and friendly URL is the root of this. In my search, I came across Waldek's post regarding Managed Navigation which gave me what I needed to know. In my CEWP, although I was using an absolute URL, within the JS itself, I was still using relative URLs. And that is what caused the issue (its a noob mistake on my part).

I had to change the URLs in the JS file I was referencing (including the CDN references for JQuery) to be absolute and that resolved the issue for me.