javascript - 无需滚动的Wordpress Jquery动画

Question

所以我做了一个WordPress站点，里面有一些动画效果很好。
它们仅在我滚动网站时才起作用，如下所示：

jQuery(document).ready(function($){  


    $(window).scroll( function(){

        if(!isMobile) {
        $('.animate_1').each( function(i){

            var bottom_of_object = $(this).position().top + $(this).outerHeight();
            var bottom_of_window = $(window).scrollTop() + $(window).height();

            /* If the object is completely visible in the window, fade it it */
            if( bottom_of_window > bottom_of_object ){

                $(this).animate({opacity:'1', margin: '0 3% 0 3%'},2000, 'easeInOutQuart');

            }   

        })
        } 
        })
    });

这工作得很好。现在，我想为一个动画类制作一个名为“ .aniamte_2”的类，仅在加载站点时进行，而无需任何滚动或单击。我这样尝试过：

jQuery(document).ready(function($){  

                $('.animate_2').animate({opacity:'1', margin: '0 3% 0 3%'},2000, 'easeInOutQuart');  
    }); 

由于某种原因，它不起作用。 Chrome告诉我，“ $”是不合法的。

有人知道我如何在不滚动的情况下对此进行动画处理？

Answer 1

如果浏览器无法识别$，则表明jQuery未加载。造成这种情况的原因有很多。