学习之后我不理解函数?

时间:2017-04-30 03:41:25

标签: jquery function

在问了几天关于功能的问题并得到了好结果后,我仍然遗漏了一些东西,因为一旦我尝试自己动作,我总是做错了。这是我的主要问题。

这段代码是我在网站上的人的帮助下工作正常的。

$(document) .ready(function(){
        $('.port').hide();

        $('.click').click(function(){
        $('.port').show();
        });

        $('.click').click(function(){
         $('.bio').animate({left:'15em'}, 2500);
        $('.web').animate({left:'12.5em', top:'6.5em'}, 3500);
        $('.resume').animate({top:'5.3em', left:'25px'},2500);
        $('.social').animate({top:'.5em', left:'25px'}, 2500);   
        });

        $('.click').click(function(){
        $('.click').fadeOut(3000, function(){$('.name').fadeIn(); }).css({backgroundColor: rgba(59,207,119,.2)});    
        });

    });

我意识到一些新功能在前一个之后使用并且除以});但是,在最后点击功能中,fadeout中有一个功能。我认为这是有道理的,因为我希望动画只需一次“点击”

即可

此时我正在尝试添加一个新功能,我点击(.bio),(。web)和(.social)以及“diplay:none”div。所以我添加了

$('.bio).click(function(){
 $('.thedisplay:nonediv').show().animate(......);
});

在最后一个函数之后和ready()结束括号之前它不起作用。在学习并获得帮助后,我认为这是我编写新功能的方式。我希望这个答案有助于理解功能的格式。感谢

1 个答案:

答案 0 :(得分:0)

您似乎拥有许多匿名功能,这些功能都基于" .click"上的点击事件。 - 你可以将它们组合起来,如果一个功能影响了" .click"本身 - 你可以使用$(this)....因为它引用了触发元素。另外,$(文档)和.ready(...

之间也没有空格
FrameLayout's