javascript - 无需滚动的Wordpress Jquery动画

原文 标签 javascript jquery css wordpress animation

所以我做了一个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告诉我,“ $”是不合法的。

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

最佳答案

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

关于javascript - 无需滚动的Wordpress Jquery动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28851110/

相关文章:

html - css - 自动调整图像大小以适应屏幕(无 Javascript)

javascript - 根据传递给函数的数字和字符串反转字符串中的字符

javascript - 如何选择具有特定类名的最后一个元素?

javascript - 如何使用jQuery为文本设置动画以向右滑动

javascript - 如果输入为空,则禁用提交按钮

html - 在CSS中调整大小和旋转

javascript - 使用javascript保持输入重点

javascript - HTML表单/jQuery:用制表符更改输入会减少数值

jquery - Ajax jQuery错误“未定义Google”?

html - 文本align:center在宽度和显示方面效果不佳:inline-block