Usage
This function runs automatically, so it is not called manually. Is this incorrect?
Source File
Located in /assets/js/modules/utilities.js on line 408.
No Hooks
This function does not have any filters or actions available. Request one?
JavaScript
nebula.animationTriggers = function(){
//On document ready
jQuery('.ready, .animate-dom-ready').each(function(){
nebula.loadAnimate(jQuery(this));
});
//On window load
nebula.dom.window.on('load', function(){
jQuery('.load, .animate-window-load').each(function(){
nebula.loadAnimate(jQuery(this));
});
});
//On Font Ready
jQuery('.animate-font-load').each(function(){
let $oThis = jQuery(this);
let fontName = $oThis.attr('data-font-name') || $oThis.attr('nebula-font-name'); //The font name attribute should be the exact name as it would appear in CSS
if ( !fontName ){ //If we don't have a font name, just trigger the animation immediately
nebula.help('animate-font-load requires an attribute for the font name.', '/functions/animations/');
nebula.loadAnimate($oThis);
}
if ( document.fonts.check('1em "' + fontName + '"') ){
setTimeout(function(){
nebula.loadAnimate($oThis);
}, 100);
} else {
document.fonts.load('1em "' + fontName + '"').then(function(){
setTimeout(function(){
nebula.loadAnimate($oThis);
}, 100);
});
}
});
//On click
nebula.dom.document.on('click', '.click, .animate-click, [data-click], [nebula-click]', function(){
let animationClass = jQuery(this).attr('data-click') || jQuery(this).attr('nebula-click') || '';
nebula.animate(jQuery(this), animationClass);
});
};
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.animationTriggers = function(){
//Write your own code here, leave it blank, or return false.
}
For dynamically imported module function overrides:
jQuery(window).on('load', function(){
nebula.animationTriggers = 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.animationTriggers === 'function' ){
nebula.animationTriggers = function(){
//Write your own code here, leave it blank, or return false.
}
}
});