首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不带滚动的Wordpress Jquery动画

不带滚动的Wordpress Jquery动画
EN

Stack Overflow用户
提问于 2015-03-04 17:42:46
回答 1查看 62关注 0票数 0

所以我做了一个wordpress站点,里面有一些动画,效果很好。只有当我滚动站点时,它们才能工作,并且看起来像这样:

代码语言:javascript
运行
复制
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“的类,不需要任何滚动或单击。我是这样尝试的:

代码语言:javascript
运行
复制
jQuery(document).ready(function($){  

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

由于某种原因,它不起作用。Chrome告诉我"$“是undefiend之类的。

有人知道如何在不滚动的情况下制作动画吗?

EN

回答 1

Stack Overflow用户

发布于 2015-03-04 17:54:52

如果浏览器不能识别$,这很好地表明jQuery没有加载;出现这种情况有很多原因。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28851110

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档