播放Javascript函数

Question

我对jQuery有一个微弱的把握,但我正在尝试学习添加常规Javascript的基础知识.我想将一系列动画"保存"为函数,然后通过几个不同的点击事件调用该函数.最好的方法是什么？

jsFiddle - http://jsfiddle.net/kfycP/1/

简单的示例代码:

$(document).ready(function() {

function animateCube() {
    $('.test').fadeOut();
    $('.test').delay(500).slideDown();
}

$('.test').click(function() {
// Play "animateCube"
});

$('.link').click(function() {
// Play "animateCube"
});

});

Answer 1

我将该函数分配给a var并将其作为事件的单击处理程序引用.

$(document).ready(function() {

  var animateCube = function() {
    $('.test').fadeOut();
    $('.test').delay(500).slideDown();
  }

  $('.test').click(animateCube);

  $('.link').click(animateCube);

});

如果你想执行一些额外的代码,我会将处理程序包装在一个匿名函数中.

$('.test').click(function(){
  // execute more code
  animateCube();
  // execute even more code
});