jcadima
5/6/2015 - 7:29 PM

JS no conflict on WP

JS no conflict on WP



jQuery.noConflict();

	
jQuery(document).ready(function() {
    /* Every time the window is scrolled ... */
    jQuery(window).scroll( function(){
    
        /* Check the location of each desired element */
        jQuery('.hideme').each( function(i){
            
            var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight();
            var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height();
            
            /* If the object is completely visible in the window, fade it it */
            if( bottom_of_window > bottom_of_object ){
                
              //  jQuery(this).animate({'opacity':'1'},500);
     
                    
            }
            
        }); 
        
         jQuery('.boxfade').each( function(i){
            
            var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight();
            var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height();
            
            /* If the object is completely visible in the window, fade it it */
            if( bottom_of_window > bottom_of_object ){
                
             jQuery(".boxfade").addClass("fadeInUp animated");
     
                    
            }
            
        });        
        
          jQuery('.animatetitle').each( function(i){
            
            var bottom_of_object = jQuery(this).offset().top + jQuery(this).outerHeight();
            var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height();
            
            /* If the object is completely visible in the window, fade it it */
            if( bottom_of_window > bottom_of_object ){
                
             // jQuery(".titlefade").addClass("fadeInUp animated");
               jQuery(".animatetitle").addClass("fadeInUp animated");
			   //jQuery(".boxfade").addClass("fadeInUp animated");
                    
            }
            
        });         
  
		jQuery(".titlemain").addClass("fadeInUp animated");
    
    });  // end scroll actions
	   
	   
// apply on load	   
jQuery(".titlemain").addClass("fadeInUp animated");	   
	   
	    
});