My project includes an application_base.js file with a function:
function drawLocations(canvas, blag, blah) {
//do some stuff
selectLocations(a_something, b_something);
//do some stuff
}
For Page 1: page_1.js
function selectLocations(a_something, b_something) {
//set some selectors on Page 1
}
drawLocations(canvas, blag, blah); //here on page ready
For Page 2: page_2.js
function selectLocations(a_something, b_something) {
//set some selectors on Page 2
}
drawLocations(canvas, blag, blah); //here on page ready
However, only the selectLocations function in page_1.js is being called when drawLocations is executed on either page. I might not fully grasp js scoping, but I believe it searches for functions globally and executes as soon as it's found.
How can I ensure that only the selectLocations function from the specific page calling drawLocations is executed? I've searched for solutions without success.
I'm new to js, any guidance would be greatly appreciated.