File reorganization causing problems with selections, hyperlinks and import templates?

Question

I'm using jQuery to import a generic template file into certain parts of the page. Everything works perfect until I organize my file structure differently. Now, my SELECT dropdown doesn't work except for the title, and even though VSCode autopopulates half of the regular hyperlinks, I can't keep track of them, so I know I've rewritten the new path correctly.

Everything seems to be where it should be in the code, but random parts don't appear or can no longer be clicked. I feel like my months worth of work has become a mess and I don't know how to fix it!

One of my biggest problems at the moment is that I've never seen a good, in-depth explanation of the file structure and what's allowed or not allowed.

Are there rules that don't allow references to certain types of files unless they are stored in the same folder?

Answer 1

Double-check all z-index settings on hyperlinks, selecting features or other areas that you can view but can't seem to click on.

I discovered that in the process of making changes to the project, I accidentally managed to have an invisible element override certain features, preventing me from activating them, even though I could see them.

Also note: just because you set the z-index to a higher level on an element, it may still be overridden by the undeclared parent element's z-index or set to a lower value.