Question

First of all: ‘Locally’ neither means “localhost”, nor “local folder”. It means a code area or a code space or a code region.

I have two JS (*.js) files for my site. One is to show a news ticker and other is to load something on hover. They are conflicting, and I can’t remove any one of ’em because I need ’em.

So a thing comes up to my mind is: as I can make many things locally, why not I load a js file locally? Suppose:

<?php 
if('condition') {
DO IT ONCE;
}
?>

<?php 
if('other_condition') {
DO STH ELSE ONCE;
}
?>

In such case, the first condition doesn’t bother the second condition. Even though the first one is doing, the second one is also doing well. No conflict, nothing.

If I can load a JS locally for a specific purpose and then break the JS loading further, then if I load other JS, she won’t find any JS before, because that’s for a specific purpose for the specific region only.

I think I’m clear with my idea. I’m here with a WordPress site, loading code specifically for home page using is_home() function. I want such a way to load a JS file for a region, and then break it to let the other JS function properly.

Answer 1

If you’ve designed your Javascript well, you can have two scripts that don’t interfere. Without seeing the actual scripts, it’s hard to recommend improvement. You could introduce new scopes for each of the scripts:

script1.js

(function() {
    var script_variable = document.getElementById("my_form");
    script_variable.onchange = function() { /* ... */ };
})();

script2.js

(function() {
    // Same name!
    var script_variable = document.getElementById("other_element");
    script_variable.onclick = function() { /* ... */ };
});