Usage
This function runs automatically, so it is not called manually. Is this incorrect?
Source File
Located in /assets/js/modules/search.js on line 398.
No Hooks
This function does not have any filters or actions available. Request one?
JavaScript
nebula.emphasizeSearchTerms = async function(){
window.requestAnimationFrame(function(){
let origBGColor = jQuery('.searchresultword').css('background-color');
jQuery('.searchresultword').each(async function(i){
await nebula.yield();
let stallFor = 150 * parseInt(i); //This creates the offset "wave" effect
jQuery(this).delay(stallFor).animate({
backgroundColor: 'rgba(255, 255, 0, 0.5)',
borderColor: 'rgba(255, 255, 0, 1)',
}, 500, 'swing', function(){
jQuery(this).delay(1000).animate({
backgroundColor: origBGColor,
}, 1000, 'swing', function(){
jQuery(this).addClass('transitionable');
});
});
});
});
};
Override
To override or disable this JavaScript function, simply redeclare it with the exact same function name. Remember: Some functionality is conditionally loaded via dynamic imports, so if your function is not overriding properly, try listening for a DOM event (described below).
JavaScript
For non-module import functions:
nebula.emphasizeSearchTerms = function(){
//Write your own code here, leave it blank, or return false.
}
For dynamically imported module function overrides:
jQuery(window).on('load', function(){
nebula.emphasizeSearchTerms = function(){
//Write your own code here, leave it blank, or return false.
}
});
Custom Nebula DOM events do also exist, so you could also try the following if the Window Load listener does not work:
jQuery(document).on('nebula_module_loaded', function(module){
//Note that the module variable is also available to know which module specifically was imported
if ( typeof nebula.emphasizeSearchTerms === 'function' ){
nebula.emphasizeSearchTerms = function(){
//Write your own code here, leave it blank, or return false.
}
}
});